﻿@{
    ViewBag.Title = "LawDocumentPageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}

@section css{
    <link href="~/Assets/css/lib/bootstrap-select.css" rel="stylesheet" />
    <style>
        .bg-light th {
            font-weight: bolder;
            text-align: center;
        }

        .lable_data_1 {
            color: white;
            font-size: 27px;
            font-weight: bold;
        }

        .lable_data_2 {
            color: white;
            font-size: 15px;
            font-weight: bold;
        }

        #draggable {
            cursor: grab;
            transition: transform 0.2s ease;
            max-width: 100%;
            height: auto;
            user-select: none; /* 防止拖动时选中文本 */
        }
    </style>



    <style>
        .chartbody::-webkit-scrollbar {
            width: 12px !important; /* 滚动条宽度 */
            display: block;
        }

        .chartbody::-webkit-scrollbar-track {
            background: #f1f1f1 !important; /* 滚动条轨道背景色 */
        }

        .chartbody::-webkit-scrollbar-thumb {
            background: #888 !important; /* 滚动条滑块颜色 */
        }

            .chartbody::-webkit-scrollbar-thumb:hover {
                background: #555 !important; /* 滚动条滑块悬停颜色 */
            }
    </style>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="modulepreload" as="script" crossorigin href="~/Assets/js/orgchart/_nuxt/DDH4_xBz.js">
    <link rel="prefetch" as="script" crossorigin href="~/Assets/js/orgchart/_nuxt/B8Z80JZG.js">
    <link rel="prefetch" as="script" crossorigin href="~/Assets/js/orgchart/_nuxt/CiWi7g2k.js">
    <link rel="prefetch" as="script" crossorigin href="~/Assets/js/orgchart/_nuxt/CPu9WrTE.js">
    <script type="module" src="~/Assets/js/orgchart/_nuxt/DDH4_xBz.js" crossorigin></script>
    <style type="text/css" data-primevue-style-id="base">
        .p-hidden-accessible {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

            .p-hidden-accessible input, .p-hidden-accessible select {
                transform: scale(0);
            }

        .p-overflow-hidden {
            overflow: hidden;
            padding-right: var(--p-scrollbar-width);
        }
    </style>
    <style type="text/css" data-primevue-style-id="primitive-variables">
        :root {
            --p-border-radius-none: 0px;
            --p-border-radius-xs: 2px;
            --p-border-radius-sm: 4px;
            --p-border-radius-md: 6px;
            --p-border-radius-lg: 8px;
            --p-border-radius-xl: 12px;
            --p-emerald-50: #ecfdf5;
            --p-emerald-100: #d1fae5;
            --p-emerald-200: #a7f3d0;
            --p-emerald-300: #6ee7b7;
            --p-emerald-400: #34d399;
            --p-emerald-500: #10b981;
            --p-emerald-600: #059669;
            --p-emerald-700: #047857;
            --p-emerald-800: #065f46;
            --p-emerald-900: #064e3b;
            --p-emerald-950: #022c22;
            --p-green-50: #f0fdf4;
            --p-green-100: #dcfce7;
            --p-green-200: #bbf7d0;
            --p-green-300: #86efac;
            --p-green-400: #4ade80;
            --p-green-500: #22c55e;
            --p-green-600: #16a34a;
            --p-green-700: #15803d;
            --p-green-800: #166534;
            --p-green-900: #14532d;
            --p-green-950: #052e16;
            --p-lime-50: #f7fee7;
            --p-lime-100: #ecfccb;
            --p-lime-200: #d9f99d;
            --p-lime-300: #bef264;
            --p-lime-400: #a3e635;
            --p-lime-500: #84cc16;
            --p-lime-600: #65a30d;
            --p-lime-700: #4d7c0f;
            --p-lime-800: #3f6212;
            --p-lime-900: #365314;
            --p-lime-950: #1a2e05;
            --p-red-50: #fef2f2;
            --p-red-100: #fee2e2;
            --p-red-200: #fecaca;
            --p-red-300: #fca5a5;
            --p-red-400: #f87171;
            --p-red-500: #ef4444;
            --p-red-600: #dc2626;
            --p-red-700: #b91c1c;
            --p-red-800: #991b1b;
            --p-red-900: #7f1d1d;
            --p-red-950: #450a0a;
            --p-orange-50: #fff7ed;
            --p-orange-100: #ffedd5;
            --p-orange-200: #fed7aa;
            --p-orange-300: #fdba74;
            --p-orange-400: #fb923c;
            --p-orange-500: #f97316;
            --p-orange-600: #ea580c;
            --p-orange-700: #c2410c;
            --p-orange-800: #9a3412;
            --p-orange-900: #7c2d12;
            --p-orange-950: #431407;
            --p-amber-50: #fffbeb;
            --p-amber-100: #fef3c7;
            --p-amber-200: #fde68a;
            --p-amber-300: #fcd34d;
            --p-amber-400: #fbbf24;
            --p-amber-500: #f59e0b;
            --p-amber-600: #d97706;
            --p-amber-700: #b45309;
            --p-amber-800: #92400e;
            --p-amber-900: #78350f;
            --p-amber-950: #451a03;
            --p-yellow-50: #fefce8;
            --p-yellow-100: #fef9c3;
            --p-yellow-200: #fef08a;
            --p-yellow-300: #fde047;
            --p-yellow-400: #facc15;
            --p-yellow-500: #eab308;
            --p-yellow-600: #ca8a04;
            --p-yellow-700: #a16207;
            --p-yellow-800: #854d0e;
            --p-yellow-900: #713f12;
            --p-yellow-950: #422006;
            --p-teal-50: #f0fdfa;
            --p-teal-100: #ccfbf1;
            --p-teal-200: #99f6e4;
            --p-teal-300: #5eead4;
            --p-teal-400: #2dd4bf;
            --p-teal-500: #14b8a6;
            --p-teal-600: #0d9488;
            --p-teal-700: #0f766e;
            --p-teal-800: #115e59;
            --p-teal-900: #134e4a;
            --p-teal-950: #042f2e;
            --p-cyan-50: #ecfeff;
            --p-cyan-100: #cffafe;
            --p-cyan-200: #a5f3fc;
            --p-cyan-300: #67e8f9;
            --p-cyan-400: #22d3ee;
            --p-cyan-500: #06b6d4;
            --p-cyan-600: #0891b2;
            --p-cyan-700: #0e7490;
            --p-cyan-800: #155e75;
            --p-cyan-900: #164e63;
            --p-cyan-950: #083344;
            --p-sky-50: #f0f9ff;
            --p-sky-100: #e0f2fe;
            --p-sky-200: #bae6fd;
            --p-sky-300: #7dd3fc;
            --p-sky-400: #38bdf8;
            --p-sky-500: #0ea5e9;
            --p-sky-600: #0284c7;
            --p-sky-700: #0369a1;
            --p-sky-800: #075985;
            --p-sky-900: #0c4a6e;
            --p-sky-950: #082f49;
            --p-blue-50: #eff6ff;
            --p-blue-100: #dbeafe;
            --p-blue-200: #bfdbfe;
            --p-blue-300: #93c5fd;
            --p-blue-400: #60a5fa;
            --p-blue-500: #3b82f6;
            --p-blue-600: #2563eb;
            --p-blue-700: #1d4ed8;
            --p-blue-800: #1e40af;
            --p-blue-900: #1e3a8a;
            --p-blue-950: #172554;
            --p-indigo-50: #eef2ff;
            --p-indigo-100: #e0e7ff;
            --p-indigo-200: #c7d2fe;
            --p-indigo-300: #a5b4fc;
            --p-indigo-400: #818cf8;
            --p-indigo-500: #6366f1;
            --p-indigo-600: #4f46e5;
            --p-indigo-700: #4338ca;
            --p-indigo-800: #3730a3;
            --p-indigo-900: #312e81;
            --p-indigo-950: #1e1b4b;
            --p-violet-50: #f5f3ff;
            --p-violet-100: #ede9fe;
            --p-violet-200: #ddd6fe;
            --p-violet-300: #c4b5fd;
            --p-violet-400: #a78bfa;
            --p-violet-500: #8b5cf6;
            --p-violet-600: #7c3aed;
            --p-violet-700: #6d28d9;
            --p-violet-800: #5b21b6;
            --p-violet-900: #4c1d95;
            --p-violet-950: #2e1065;
            --p-purple-50: #faf5ff;
            --p-purple-100: #f3e8ff;
            --p-purple-200: #e9d5ff;
            --p-purple-300: #d8b4fe;
            --p-purple-400: #c084fc;
            --p-purple-500: #a855f7;
            --p-purple-600: #9333ea;
            --p-purple-700: #7e22ce;
            --p-purple-800: #6b21a8;
            --p-purple-900: #581c87;
            --p-purple-950: #3b0764;
            --p-fuchsia-50: #fdf4ff;
            --p-fuchsia-100: #fae8ff;
            --p-fuchsia-200: #f5d0fe;
            --p-fuchsia-300: #f0abfc;
            --p-fuchsia-400: #e879f9;
            --p-fuchsia-500: #d946ef;
            --p-fuchsia-600: #c026d3;
            --p-fuchsia-700: #a21caf;
            --p-fuchsia-800: #86198f;
            --p-fuchsia-900: #701a75;
            --p-fuchsia-950: #4a044e;
            --p-pink-50: #fdf2f8;
            --p-pink-100: #fce7f3;
            --p-pink-200: #fbcfe8;
            --p-pink-300: #f9a8d4;
            --p-pink-400: #f472b6;
            --p-pink-500: #ec4899;
            --p-pink-600: #db2777;
            --p-pink-700: #be185d;
            --p-pink-800: #9d174d;
            --p-pink-900: #831843;
            --p-pink-950: #500724;
            --p-rose-50: #fff1f2;
            --p-rose-100: #ffe4e6;
            --p-rose-200: #fecdd3;
            --p-rose-300: #fda4af;
            --p-rose-400: #fb7185;
            --p-rose-500: #f43f5e;
            --p-rose-600: #e11d48;
            --p-rose-700: #be123c;
            --p-rose-800: #9f1239;
            --p-rose-900: #881337;
            --p-rose-950: #4c0519;
            --p-slate-50: #f8fafc;
            --p-slate-100: #f1f5f9;
            --p-slate-200: #e2e8f0;
            --p-slate-300: #cbd5e1;
            --p-slate-400: #94a3b8;
            --p-slate-500: #64748b;
            --p-slate-600: #475569;
            --p-slate-700: #334155;
            --p-slate-800: #1e293b;
            --p-slate-900: #0f172a;
            --p-slate-950: #020617;
            --p-gray-50: #f9fafb;
            --p-gray-100: #f3f4f6;
            --p-gray-200: #e5e7eb;
            --p-gray-300: #d1d5db;
            --p-gray-400: #9ca3af;
            --p-gray-500: #6b7280;
            --p-gray-600: #4b5563;
            --p-gray-700: #374151;
            --p-gray-800: #1f2937;
            --p-gray-900: #111827;
            --p-gray-950: #030712;
            --p-zinc-50: #fafafa;
            --p-zinc-100: #f4f4f5;
            --p-zinc-200: #e4e4e7;
            --p-zinc-300: #d4d4d8;
            --p-zinc-400: #a1a1aa;
            --p-zinc-500: #71717a;
            --p-zinc-600: #52525b;
            --p-zinc-700: #3f3f46;
            --p-zinc-800: #27272a;
            --p-zinc-900: #18181b;
            --p-zinc-950: #09090b;
            --p-neutral-50: #fafafa;
            --p-neutral-100: #f5f5f5;
            --p-neutral-200: #e5e5e5;
            --p-neutral-300: #d4d4d4;
            --p-neutral-400: #a3a3a3;
            --p-neutral-500: #737373;
            --p-neutral-600: #525252;
            --p-neutral-700: #404040;
            --p-neutral-800: #262626;
            --p-neutral-900: #171717;
            --p-neutral-950: #0a0a0a;
            --p-stone-50: #fafaf9;
            --p-stone-100: #f5f5f4;
            --p-stone-200: #e7e5e4;
            --p-stone-300: #d6d3d1;
            --p-stone-400: #a8a29e;
            --p-stone-500: #78716c;
            --p-stone-600: #57534e;
            --p-stone-700: #44403c;
            --p-stone-800: #292524;
            --p-stone-900: #1c1917;
            --p-stone-950: #0c0a09;
        }
    </style>
    <style type="text/css" data-primevue-style-id="semantic-variables">
        :root {
            --p-transition-duration: 0.2s;
            --p-focus-ring-width: 1px;
            --p-focus-ring-style: solid;
            --p-focus-ring-color: var(--p-primary-color);
            --p-focus-ring-offset: 2px;
            --p-focus-ring-shadow: none;
            --p-disabled-opacity: 0.6;
            --p-icon-size: 1rem;
            --p-anchor-gutter: 2px;
            --p-primary-50: var(--p-emerald-50);
            --p-primary-100: var(--p-emerald-100);
            --p-primary-200: var(--p-emerald-200);
            --p-primary-300: var(--p-emerald-300);
            --p-primary-400: var(--p-emerald-400);
            --p-primary-500: var(--p-emerald-500);
            --p-primary-600: var(--p-emerald-600);
            --p-primary-700: var(--p-emerald-700);
            --p-primary-800: var(--p-emerald-800);
            --p-primary-900: var(--p-emerald-900);
            --p-primary-950: var(--p-emerald-950);
            --p-form-field-padding-x: 0.75rem;
            --p-form-field-padding-y: 0.5rem;
            --p-form-field-border-radius: var(--p-border-radius-md);
            --p-form-field-focus-ring-width: 0px;
            --p-form-field-focus-ring-style: none;
            --p-form-field-focus-ring-color: transparent;
            --p-form-field-focus-ring-offset: 0px;
            --p-form-field-focus-ring-shadow: none;
            --p-form-field-transition-duration: var(--p-transition-duration);
            --p-list-padding: 0.25rem 0.25rem;
            --p-list-gap: 2px;
            --p-list-header-padding: 0.5rem 1rem 0.25rem 1rem;
            --p-list-option-padding: 0.5rem 0.75rem;
            --p-list-option-border-radius: var(--p-border-radius-sm);
            --p-list-option-group-padding: 0.5rem 0.75rem;
            --p-list-option-group-font-weight: 600;
            --p-content-border-radius: var(--p-border-radius-md);
            --p-mask-transition-duration: 0.15s;
            --p-navigation-list-padding: 0.25rem 0.25rem;
            --p-navigation-list-gap: 2px;
            --p-navigation-item-padding: 0.5rem 0.75rem;
            --p-navigation-item-border-radius: var(--p-border-radius-sm);
            --p-navigation-item-gap: 0.5rem;
            --p-navigation-submenu-label-padding: 0.5rem 0.75rem;
            --p-navigation-submenu-label-font-weight: 600;
            --p-navigation-submenu-icon-size: 0.875rem;
            --p-overlay-select-border-radius: var(--p-border-radius-md);
            --p-overlay-select-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1),0px 2px 4px -2px rgba(0,0,0,0.1);
            --p-overlay-popover-border-radius: var(--p-border-radius-md);
            --p-overlay-popover-padding: 0.75rem;
            --p-overlay-popover-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1),0px 2px 4px -2px rgba(0,0,0,0.1);
            --p-overlay-modal-border-radius: var(--p-border-radius-xl);
            --p-overlay-modal-padding: 1.25rem;
            --p-overlay-modal-shadow: 0px 20px 25px -5px rgba(0,0,0,0.1),0px 8px 10px -6px rgba(0,0,0,0.1);
            --p-overlay-navigation-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1),0px 2px 4px -2px rgba(0,0,0,0.1);
            --p-surface-0: #ffffff;
            --p-surface-50: var(--p-slate-50);
            --p-surface-100: var(--p-slate-100);
            --p-surface-200: var(--p-slate-200);
            --p-surface-300: var(--p-slate-300);
            --p-surface-400: var(--p-slate-400);
            --p-surface-500: var(--p-slate-500);
            --p-surface-600: var(--p-slate-600);
            --p-surface-700: var(--p-slate-700);
            --p-surface-800: var(--p-slate-800);
            --p-surface-900: var(--p-slate-900);
            --p-surface-950: var(--p-slate-950);
            --p-primary-color: var(--p-primary-500);
            --p-primary-contrast-color: #ffffff;
            --p-primary-hover-color: var(--p-primary-600);
            --p-primary-active-color: var(--p-primary-700);
            --p-highlight-background: var(--p-primary-50);
            --p-highlight-focus-background: var(--p-primary-100);
            --p-highlight-color: var(--p-primary-700);
            --p-highlight-focus-color: var(--p-primary-800);
            --p-mask-background: rgba(0,0,0,0.4);
            --p-mask-color: var(--p-surface-200);
            --p-form-field-background: var(--p-surface-0);
            --p-form-field-disabled-background: var(--p-surface-200);
            --p-form-field-filled-background: var(--p-surface-50);
            --p-form-field-filled-focus-background: var(--p-surface-50);
            --p-form-field-border-color: var(--p-surface-300);
            --p-form-field-hover-border-color: var(--p-surface-400);
            --p-form-field-focus-border-color: var(--p-primary-color);
            --p-form-field-invalid-border-color: var(--p-red-400);
            --p-form-field-color: var(--p-surface-700);
            --p-form-field-disabled-color: var(--p-surface-500);
            --p-form-field-placeholder-color: var(--p-surface-500);
            --p-form-field-float-label-color: var(--p-surface-500);
            --p-form-field-float-label-focus-color: var(--p-surface-500);
            --p-form-field-float-label-invalid-color: var(--p-red-400);
            --p-form-field-icon-color: var(--p-surface-400);
            --p-form-field-shadow: 0px 0px #0000,0px 0px #0000,0px 1px 2px 0px rgba(18,18,23,0.05);
            --p-text-color: var(--p-surface-700);
            --p-text-hover-color: var(--p-surface-800);
            --p-text-muted-color: var(--p-surface-500);
            --p-text-hover-muted-color: var(--p-surface-600);
            --p-content-background: var(--p-surface-0);
            --p-content-hover-background: var(--p-surface-100);
            --p-content-border-color: var(--p-surface-200);
            --p-content-color: var(--p-text-color);
            --p-content-hover-color: var(--p-text-hover-color);
            --p-overlay-select-background: var(--p-surface-0);
            --p-overlay-select-border-color: var(--p-surface-200);
            --p-overlay-select-color: var(--p-text-color);
            --p-overlay-popover-background: var(--p-surface-0);
            --p-overlay-popover-border-color: var(--p-surface-200);
            --p-overlay-popover-color: var(--p-text-color);
            --p-overlay-modal-background: var(--p-surface-0);
            --p-overlay-modal-border-color: var(--p-surface-200);
            --p-overlay-modal-color: var(--p-text-color);
            --p-list-option-focus-background: var(--p-surface-100);
            --p-list-option-selected-background: var(--p-highlight-background);
            --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
            --p-list-option-color: var(--p-text-color);
            --p-list-option-focus-color: var(--p-text-hover-color);
            --p-list-option-selected-color: var(--p-highlight-color);
            --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
            --p-list-option-icon-color: var(--p-surface-400);
            --p-list-option-icon-focus-color: var(--p-surface-500);
            --p-list-option-group-background: transparent;
            --p-list-option-group-color: var(--p-text-muted-color);
            --p-navigation-item-focus-background: var(--p-surface-100);
            --p-navigation-item-active-background: var(--p-surface-100);
            --p-navigation-item-color: var(--p-text-color);
            --p-navigation-item-focus-color: var(--p-text-hover-color);
            --p-navigation-item-active-color: var(--p-text-hover-color);
            --p-navigation-item-icon-color: var(--p-surface-400);
            --p-navigation-item-icon-focus-color: var(--p-surface-500);
            --p-navigation-item-icon-active-color: var(--p-surface-500);
            --p-navigation-submenu-label-background: transparent;
            --p-navigation-submenu-label-color: var(--p-text-muted-color);
            --p-navigation-submenu-icon-color: var(--p-surface-400);
            --p-navigation-submenu-icon-focus-color: var(--p-surface-500);
            --p-navigation-submenu-icon-active-color: var(--p-surface-500);
            color-scheme: light
        }

        @@media (prefers-color-scheme:dark) {
            :root {
                --p-surface-0: #ffffff;
                --p-surface-50: var(--p-zinc-50);
                --p-surface-100: var(--p-zinc-100);
                --p-surface-200: var(--p-zinc-200);
                --p-surface-300: var(--p-zinc-300);
                --p-surface-400: var(--p-zinc-400);
                --p-surface-500: var(--p-zinc-500);
                --p-surface-600: var(--p-zinc-600);
                --p-surface-700: var(--p-zinc-700);
                --p-surface-800: var(--p-zinc-800);
                --p-surface-900: var(--p-zinc-900);
                --p-surface-950: var(--p-zinc-950);
                --p-primary-color: var(--p-primary-400);
                --p-primary-contrast-color: var(--p-surface-900);
                --p-primary-hover-color: var(--p-primary-300);
                --p-primary-active-color: var(--p-primary-200);
                --p-highlight-background: color-mix(in srgb,var(--p-primary-400),transparent 84%);
                --p-highlight-focus-background: color-mix(in srgb,var(--p-primary-400),transparent 76%);
                --p-highlight-color: rgba(255,255,255,.87);
                --p-highlight-focus-color: rgba(255,255,255,.87);
                --p-mask-background: rgba(0,0,0,0.6);
                --p-mask-color: var(--p-surface-200);
                --p-form-field-background: var(--p-surface-950);
                --p-form-field-disabled-background: var(--p-surface-700);
                --p-form-field-filled-background: var(--p-surface-800);
                --p-form-field-filled-focus-background: var(--p-surface-800);
                --p-form-field-border-color: var(--p-surface-700);
                --p-form-field-hover-border-color: var(--p-surface-600);
                --p-form-field-focus-border-color: var(--p-primary-color);
                --p-form-field-invalid-border-color: var(--p-red-300);
                --p-form-field-color: var(--p-surface-0);
                --p-form-field-disabled-color: var(--p-surface-400);
                --p-form-field-placeholder-color: var(--p-surface-400);
                --p-form-field-float-label-color: var(--p-surface-400);
                --p-form-field-float-label-focus-color: var(--p-surface-400);
                --p-form-field-float-label-invalid-color: var(--p-red-300);
                --p-form-field-icon-color: var(--p-surface-400);
                --p-form-field-shadow: 0px 0px #0000,0px 0px #0000,0px 1px 2px 0px rgba(18,18,23,0.05);
                --p-text-color: var(--p-surface-0);
                --p-text-hover-color: var(--p-surface-0);
                --p-text-muted-color: var(--p-surface-400);
                --p-text-hover-muted-color: var(--p-surface-300);
                --p-content-background: var(--p-surface-900);
                --p-content-hover-background: var(--p-surface-800);
                --p-content-border-color: var(--p-surface-700);
                --p-content-color: var(--p-text-color);
                --p-content-hover-color: var(--p-text-hover-color);
                --p-overlay-select-background: var(--p-surface-900);
                --p-overlay-select-border-color: var(--p-surface-700);
                --p-overlay-select-color: var(--p-text-color);
                --p-overlay-popover-background: var(--p-surface-900);
                --p-overlay-popover-border-color: var(--p-surface-700);
                --p-overlay-popover-color: var(--p-text-color);
                --p-overlay-modal-background: var(--p-surface-900);
                --p-overlay-modal-border-color: var(--p-surface-700);
                --p-overlay-modal-color: var(--p-text-color);
                --p-list-option-focus-background: var(--p-surface-800);
                --p-list-option-selected-background: var(--p-highlight-background);
                --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
                --p-list-option-color: var(--p-text-color);
                --p-list-option-focus-color: var(--p-text-hover-color);
                --p-list-option-selected-color: var(--p-highlight-color);
                --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
                --p-list-option-icon-color: var(--p-surface-500);
                --p-list-option-icon-focus-color: var(--p-surface-400);
                --p-list-option-group-background: transparent;
                --p-list-option-group-color: var(--p-text-muted-color);
                --p-navigation-item-focus-background: var(--p-surface-800);
                --p-navigation-item-active-background: var(--p-surface-800);
                --p-navigation-item-color: var(--p-text-color);
                --p-navigation-item-focus-color: var(--p-text-hover-color);
                --p-navigation-item-active-color: var(--p-text-hover-color);
                --p-navigation-item-icon-color: var(--p-surface-500);
                --p-navigation-item-icon-focus-color: var(--p-surface-400);
                --p-navigation-item-icon-active-color: var(--p-surface-400);
                --p-navigation-submenu-label-background: transparent;
                --p-navigation-submenu-label-color: var(--p-text-muted-color);
                --p-navigation-submenu-icon-color: var(--p-surface-500);
                --p-navigation-submenu-icon-focus-color: var(--p-surface-400);
                --p-navigation-submenu-icon-active-color: var(--p-surface-400);
                color-scheme: dark
            }
        }
    </style>
    <style type="text/css" data-primevue-style-id="global-style">
        * {
            box-sizing: border-box;
        }

        .p-connected-overlay {
            opacity: 0;
            transform: scaleY(0.8);
            transition: transform 0.12s cubic-bezier(0,0,0.2,1),opacity 0.12s cubic-bezier(0,0,0.2,1);
        }

        .p-connected-overlay-visible {
            opacity: 1;
            transform: scaleY(1);
        }

        .p-connected-overlay-hidden {
            opacity: 0;
            transform: scaleY(1);
            transition: opacity 0.1s linear;
        }

        .p-connected-overlay-enter-from {
            opacity: 0;
            transform: scaleY(0.8);
        }

        .p-connected-overlay-leave-to {
            opacity: 0;
        }

        .p-connected-overlay-enter-active {
            transition: transform 0.12s cubic-bezier(0,0,0.2,1),opacity 0.12s cubic-bezier(0,0,0.2,1);
        }

        .p-connected-overlay-leave-active {
            transition: opacity 0.1s linear;
        }

        .p-toggleable-content-enter-from, .p-toggleable-content-leave-to {
            max-height: 0;
        }

        .p-toggleable-content-enter-to, .p-toggleable-content-leave-from {
            max-height: 1000px;
        }

        .p-toggleable-content-leave-active {
            overflow: hidden;
            transition: max-height 0.45s cubic-bezier(0,1,0,1);
        }

        .p-toggleable-content-enter-active {
            overflow: hidden;
            transition: max-height 1s ease-in-out;
        }

        .p-disabled, .p-disabled * {
            cursor: default;
            pointer-events: none;
            user-select: none;
        }

        .p-disabled, .p-component:disabled {
            opacity: var(--p-disabled-opacity);
        }

        .pi {
            font-size: var(--p-icon-size);
        }

        .p-icon {
            width: var(--p-icon-size);
            height: var(--p-icon-size);
        }

        .p-overlay-mask {
            background: var(--p-mask-background);
            color: var(--p-mask-color);
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .p-overlay-mask-enter {
            animation: p-overlay-mask-enter-animation var(--p-mask-transition-duration) forwards;
        }

        .p-overlay-mask-leave {
            animation: p-overlay-mask-leave-animation var(--p-mask-transition-duration) forwards;
        }

        @@keyframes p-overlay-mask-enter-animation {
            from {
                background: transparent;
            }

            to {
                background: var(--p-mask-background);
            }
        }

        @@keyframes p-overlay-mask-leave-animation {
            from {
                background: var(--p-mask-background);
            }

            to {
                background: transparent;
            }
        }
    </style>
    <style type="text/css" data-primevue-style-id="organizationchart-variables">
        :root {
            --p-organizationchart-gutter: 0.75rem;
            --p-organizationchart-transition-duration: var(--p-transition-duration);
            --p-organizationchart-node-background: var(--p-content-background);
            --p-organizationchart-node-hover-background: var(--p-content-hover-background);
            --p-organizationchart-node-selected-background: var(--p-highlight-background);
            --p-organizationchart-node-border-color: var(--p-content-border-color);
            --p-organizationchart-node-color: var(--p-content-color);
            --p-organizationchart-node-selected-color: var(--p-highlight-color);
            --p-organizationchart-node-hover-color: var(--p-content-hover-color);
            --p-organizationchart-node-padding: 0.75rem 1rem;
            --p-organizationchart-node-toggleable-padding: 0.75rem 1rem 1.25rem 1rem;
            --p-organizationchart-node-border-radius: var(--p-content-border-radius);
            --p-organizationchart-node-toggle-button-background: var(--p-content-background);
            --p-organizationchart-node-toggle-button-hover-background: var(--p-content-hover-background);
            --p-organizationchart-node-toggle-button-border-color: var(--p-content-border-color);
            --p-organizationchart-node-toggle-button-color: var(--p-text-muted-color);
            --p-organizationchart-node-toggle-button-hover-color: var(--p-text-color);
            --p-organizationchart-node-toggle-button-size: 1.5rem;
            --p-organizationchart-node-toggle-button-border-radius: 50%;
            --p-organizationchart-node-toggle-button-focus-ring-width: var(--p-focus-ring-width);
            --p-organizationchart-node-toggle-button-focus-ring-style: var(--p-focus-ring-style);
            --p-organizationchart-node-toggle-button-focus-ring-color: var(--p-focus-ring-color);
            --p-organizationchart-node-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
            --p-organizationchart-node-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
            --p-organizationchart-connector-color: var(--p-content-border-color);
            --p-organizationchart-connector-border-radius: var(--p-content-border-radius);
            --p-organizationchart-connector-height: 24px;
        }
    </style>
    <style type="text/css" data-primevue-style-id="organizationchart-style">
        .p-organizationchart-table {
            border-spacing: 0;
            border-collapse: separate;
            margin: 0 auto;
        }

            .p-organizationchart-table > tbody > tr > td {
                text-align: center;
                vertical-align: top;
                padding: 0 var(--p-organizationchart-gutter);
            }

        .p-organizationchart-node {
            display: inline-block;
            position: relative;
            border: 1px solid var(--p-organizationchart-node-border-color);
            background: var(--p-organizationchart-node-background);
            color: var(--p-organizationchart-node-color);
            padding: var(--p-organizationchart-node-padding);
            border-radius: var(--p-organizationchart-node-border-radius);
            transition: background var(--p-organizationchart-transition-duration),border-color var(--p-organizationchart-transition-duration),color var(--p-organizationchart-transition-duration),box-shadow var(--p-organizationchart-transition-duration);
        }

            .p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {
                padding: var(--p-organizationchart-node-toggleable-padding);
            }

            .p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {
                background: var(--p-organizationchart-node-hover-background);
                color: var(--p-organizationchart-node-hover-color);
            }

        .p-organizationchart-node-selected {
            background: var(--p-organizationchart-node-selected-background);
            color: var(--p-organizationchart-node-selected-color);
        }

        .p-organizationchart-node-toggle-button {
            position: absolute;
            bottom: calc(-1 * calc(var(--p-organizationchart-node-toggle-button-size) / 2));
            margin-left: calc(-1 * calc(var(--p-organizationchart-node-toggle-button-size) / 2));
            z-index: 2;
            left: 50%;
            user-select: none;
            cursor: pointer;
            width: var(--p-organizationchart-node-toggle-button-size);
            height: var(--p-organizationchart-node-toggle-button-size);
            text-decoration: none;
            background: var(--p-organizationchart-node-toggle-button-background);
            color: var(--p-organizationchart-node-toggle-button-color);
            border-radius: var(--p-organizationchart-node-toggle-button-border-radius);
            border: 1px solid var(--p-organizationchart-node-toggle-button-border-color);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            outline-color: transparent;
            transition: background var(--p-organizationchart-transition-duration),color var(--p-organizationchart-transition-duration),border-color var(--p-organizationchart-transition-duration),outline-color var(--p-organizationchart-transition-duration),box-shadow var(--p-organizationchart-transition-duration);
        }

            .p-organizationchart-node-toggle-button:hover {
                background: var(--p-organizationchart-node-toggle-button-hover-background);
                color: var(--p-organizationchart-node-toggle-button-hover-color);
            }

            .p-organizationchart-node-toggle-button:focus-visible {
                box-shadow: var(--p-breadcrumb-item-focus-ring-shadow);
                outline: var(--p-breadcrumb-item-focus-ring-width) var(--p-breadcrumb-item-focus-ring-style) var(--p-breadcrumb-item-focus-ring-color);
                outline-offset: var(--p-breadcrumb-item-focus-ring-offset);
            }

        .p-organizationchart-node-toggle-button-icon {
            position: relative;
            top: 1px;
        }

        .p-organizationchart-connector-down {
            margin: 0 auto;
            height: var(--p-organizationchart-connector-height);
            width: 1px;
            background: var(--p-organizationchart-connector-color);
        }

        .p-organizationchart-connector-right {
            border-radius: 0;
        }

        .p-organizationchart-connector-left {
            border-radius: 0;
            border-right: 1px solid var(--p-organizationchart-connector-color);
        }

        .p-organizationchart-connector-top {
            border-top: 1px solid var(--p-organizationchart-connector-color);
        }

        .p-organizationchart-node-selectable {
            cursor: pointer;
        }

        .p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {
            border-right: 0 none;
        }

        .p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {
            border-top-right-radius: var(--p-organizationchart-connector-border-radius);
        }

        .p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {
            border-left: 1px solid var(--p-organizationchart-connector-color);
            border-top-left-radius: var(--p-organizationchart-connector-border-radius);
        }
    </style>
}

<section id="content" class="page-content" ng-cloak ng-controller="SafetyOrganizationController" ng-init="SearchModel={};page='@(Request.QueryString["page"].IsEmpty() ? "1" : Request.QueryString["page"])';
         PageName='@Request.CurrentExecutionFilePath.Substring(Request.CurrentExecutionFilePath.LastIndexOf("/") + 1)';
         SearchModel={};
         InitChart();
    ">
    <div class="page-heading">
        <h1>机构概览</h1>
        <div class="options">
            <div class="btn-toolbar">

            </div>
        </div>
    </div>
    <ol class="breadcrumb">
        <li><a>目标职责</a></li>
        <li><a>安全组织机构</a></li>
        <li class="active"><a>机构概览 </a></li>
    </ol>
    <div class="load" ng-show="DataLoading">
        <div class="loader">
            <svg version="1.1" id="loader-1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
            <path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
            <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite" />
                </path>
            </svg>
            <div class="load-msg">正在加载</div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 chartbody" ng-style="{
                width:allwidth+'px',
             height:allheight+'px',
             background:'#fff'
             }" style="">
            <div id="__nuxt"></div><div id="teleports"></div>
            <script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"serverRendered":1},false]</script>
            <script>window.__NUXT__ = {}; window.__NUXT__.config = { public: { primevue: { usePrimeVue: true, autoImport: true, resolvePath: "", importPT: "", importTheme: "", options: { theme: { preset: { primitive: { borderRadius: { none: "0", xs: "2px", sm: "4px", md: "6px", lg: "8px", xl: "12px" }, emerald: { "50": "#ecfdf5", "100": "#d1fae5", "200": "#a7f3d0", "300": "#6ee7b7", "400": "#34d399", "500": "#10b981", "600": "#059669", "700": "#047857", "800": "#065f46", "900": "#064e3b", "950": "#022c22" }, green: { "50": "#f0fdf4", "100": "#dcfce7", "200": "#bbf7d0", "300": "#86efac", "400": "#4ade80", "500": "#22c55e", "600": "#16a34a", "700": "#15803d", "800": "#166534", "900": "#14532d", "950": "#052e16" }, lime: { "50": "#f7fee7", "100": "#ecfccb", "200": "#d9f99d", "300": "#bef264", "400": "#a3e635", "500": "#84cc16", "600": "#65a30d", "700": "#4d7c0f", "800": "#3f6212", "900": "#365314", "950": "#1a2e05" }, red: { "50": "#fef2f2", "100": "#fee2e2", "200": "#fecaca", "300": "#fca5a5", "400": "#f87171", "500": "#ef4444", "600": "#dc2626", "700": "#b91c1c", "800": "#991b1b", "900": "#7f1d1d", "950": "#450a0a" }, orange: { "50": "#fff7ed", "100": "#ffedd5", "200": "#fed7aa", "300": "#fdba74", "400": "#fb923c", "500": "#f97316", "600": "#ea580c", "700": "#c2410c", "800": "#9a3412", "900": "#7c2d12", "950": "#431407" }, amber: { "50": "#fffbeb", "100": "#fef3c7", "200": "#fde68a", "300": "#fcd34d", "400": "#fbbf24", "500": "#f59e0b", "600": "#d97706", "700": "#b45309", "800": "#92400e", "900": "#78350f", "950": "#451a03" }, yellow: { "50": "#fefce8", "100": "#fef9c3", "200": "#fef08a", "300": "#fde047", "400": "#facc15", "500": "#eab308", "600": "#ca8a04", "700": "#a16207", "800": "#854d0e", "900": "#713f12", "950": "#422006" }, teal: { "50": "#f0fdfa", "100": "#ccfbf1", "200": "#99f6e4", "300": "#5eead4", "400": "#2dd4bf", "500": "#14b8a6", "600": "#0d9488", "700": "#0f766e", "800": "#115e59", "900": "#134e4a", "950": "#042f2e" }, cyan: { "50": "#ecfeff", "100": "#cffafe", "200": "#a5f3fc", "300": "#67e8f9", "400": "#22d3ee", "500": "#06b6d4", "600": "#0891b2", "700": "#0e7490", "800": "#155e75", "900": "#164e63", "950": "#083344" }, sky: { "50": "#f0f9ff", "100": "#e0f2fe", "200": "#bae6fd", "300": "#7dd3fc", "400": "#38bdf8", "500": "#0ea5e9", "600": "#0284c7", "700": "#0369a1", "800": "#075985", "900": "#0c4a6e", "950": "#082f49" }, blue: { "50": "#eff6ff", "100": "#dbeafe", "200": "#bfdbfe", "300": "#93c5fd", "400": "#60a5fa", "500": "#3b82f6", "600": "#2563eb", "700": "#1d4ed8", "800": "#1e40af", "900": "#1e3a8a", "950": "#172554" }, indigo: { "50": "#eef2ff", "100": "#e0e7ff", "200": "#c7d2fe", "300": "#a5b4fc", "400": "#818cf8", "500": "#6366f1", "600": "#4f46e5", "700": "#4338ca", "800": "#3730a3", "900": "#312e81", "950": "#1e1b4b" }, violet: { "50": "#f5f3ff", "100": "#ede9fe", "200": "#ddd6fe", "300": "#c4b5fd", "400": "#a78bfa", "500": "#8b5cf6", "600": "#7c3aed", "700": "#6d28d9", "800": "#5b21b6", "900": "#4c1d95", "950": "#2e1065" }, purple: { "50": "#faf5ff", "100": "#f3e8ff", "200": "#e9d5ff", "300": "#d8b4fe", "400": "#c084fc", "500": "#a855f7", "600": "#9333ea", "700": "#7e22ce", "800": "#6b21a8", "900": "#581c87", "950": "#3b0764" }, fuchsia: { "50": "#fdf4ff", "100": "#fae8ff", "200": "#f5d0fe", "300": "#f0abfc", "400": "#e879f9", "500": "#d946ef", "600": "#c026d3", "700": "#a21caf", "800": "#86198f", "900": "#701a75", "950": "#4a044e" }, pink: { "50": "#fdf2f8", "100": "#fce7f3", "200": "#fbcfe8", "300": "#f9a8d4", "400": "#f472b6", "500": "#ec4899", "600": "#db2777", "700": "#be185d", "800": "#9d174d", "900": "#831843", "950": "#500724" }, rose: { "50": "#fff1f2", "100": "#ffe4e6", "200": "#fecdd3", "300": "#fda4af", "400": "#fb7185", "500": "#f43f5e", "600": "#e11d48", "700": "#be123c", "800": "#9f1239", "900": "#881337", "950": "#4c0519" }, slate: { "50": "#f8fafc", "100": "#f1f5f9", "200": "#e2e8f0", "300": "#cbd5e1", "400": "#94a3b8", "500": "#64748b", "600": "#475569", "700": "#334155", "800": "#1e293b", "900": "#0f172a", "950": "#020617" }, gray: { "50": "#f9fafb", "100": "#f3f4f6", "200": "#e5e7eb", "300": "#d1d5db", "400": "#9ca3af", "500": "#6b7280", "600": "#4b5563", "700": "#374151", "800": "#1f2937", "900": "#111827", "950": "#030712" }, zinc: { "50": "#fafafa", "100": "#f4f4f5", "200": "#e4e4e7", "300": "#d4d4d8", "400": "#a1a1aa", "500": "#71717a", "600": "#52525b", "700": "#3f3f46", "800": "#27272a", "900": "#18181b", "950": "#09090b" }, neutral: { "50": "#fafafa", "100": "#f5f5f5", "200": "#e5e5e5", "300": "#d4d4d4", "400": "#a3a3a3", "500": "#737373", "600": "#525252", "700": "#404040", "800": "#262626", "900": "#171717", "950": "#0a0a0a" }, stone: { "50": "#fafaf9", "100": "#f5f5f4", "200": "#e7e5e4", "300": "#d6d3d1", "400": "#a8a29e", "500": "#78716c", "600": "#57534e", "700": "#44403c", "800": "#292524", "900": "#1c1917", "950": "#0c0a09" } }, semantic: { transitionDuration: "0.2s", focusRing: { width: "1px", style: "solid", color: "{primary.color}", offset: "2px", shadow: "none" }, disabledOpacity: "0.6", iconSize: "1rem", anchorGutter: "2px", primary: { "50": "{emerald.50}", "100": "{emerald.100}", "200": "{emerald.200}", "300": "{emerald.300}", "400": "{emerald.400}", "500": "{emerald.500}", "600": "{emerald.600}", "700": "{emerald.700}", "800": "{emerald.800}", "900": "{emerald.900}", "950": "{emerald.950}" }, formField: { paddingX: "0.75rem", paddingY: "0.5rem", borderRadius: "{border.radius.md}", focusRing: { width: "0", style: "none", color: "transparent", offset: "0", shadow: "none" }, transitionDuration: "{transition.duration}" }, list: { padding: "0.25rem 0.25rem", gap: "2px", header: { padding: "0.5rem 1rem 0.25rem 1rem" }, option: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}" }, optionGroup: { padding: "0.5rem 0.75rem", fontWeight: "600" } }, content: { borderRadius: "{border.radius.md}" }, mask: { transitionDuration: "0.15s" }, navigation: { list: { padding: "0.25rem 0.25rem", gap: "2px" }, item: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}", gap: "0.5rem" }, submenuLabel: { padding: "0.5rem 0.75rem", fontWeight: "600" }, submenuIcon: { size: "0.875rem" } }, overlay: { select: { borderRadius: "{border.radius.md}", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, popover: { borderRadius: "{border.radius.md}", padding: "0.75rem", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, modal: { borderRadius: "{border.radius.xl}", padding: "1.25rem", shadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)" }, navigation: { shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" } }, colorScheme: { light: { surface: { "0": "#ffffff", "50": "{slate.50}", "100": "{slate.100}", "200": "{slate.200}", "300": "{slate.300}", "400": "{slate.400}", "500": "{slate.500}", "600": "{slate.600}", "700": "{slate.700}", "800": "{slate.800}", "900": "{slate.900}", "950": "{slate.950}" }, primary: { color: "{primary.500}", contrastColor: "#ffffff", hoverColor: "{primary.600}", activeColor: "{primary.700}" }, highlight: { background: "{primary.50}", focusBackground: "{primary.100}", color: "{primary.700}", focusColor: "{primary.800}" }, mask: { background: "rgba(0,0,0,0.4)", color: "{surface.200}" }, formField: { background: "{surface.0}", disabledBackground: "{surface.200}", filledBackground: "{surface.50}", filledFocusBackground: "{surface.50}", borderColor: "{surface.300}", hoverBorderColor: "{surface.400}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.400}", color: "{surface.700}", disabledColor: "{surface.500}", placeholderColor: "{surface.500}", floatLabelColor: "{surface.500}", floatLabelFocusColor: "{surface.500}", floatLabelInvalidColor: "{red.400}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.700}", hoverColor: "{surface.800}", mutedColor: "{surface.500}", hoverMutedColor: "{surface.600}" }, content: { background: "{surface.0}", hoverBackground: "{surface.100}", borderColor: "{surface.200}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, popover: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, modal: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.100}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.100}", activeBackground: "{surface.100}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } } }, dark: { surface: { "0": "#ffffff", "50": "{zinc.50}", "100": "{zinc.100}", "200": "{zinc.200}", "300": "{zinc.300}", "400": "{zinc.400}", "500": "{zinc.500}", "600": "{zinc.600}", "700": "{zinc.700}", "800": "{zinc.800}", "900": "{zinc.900}", "950": "{zinc.950}" }, primary: { color: "{primary.400}", contrastColor: "{surface.900}", hoverColor: "{primary.300}", activeColor: "{primary.200}" }, highlight: { background: "color-mix(in srgb, {primary.400}, transparent 84%)", focusBackground: "color-mix(in srgb, {primary.400}, transparent 76%)", color: "rgba(255,255,255,.87)", focusColor: "rgba(255,255,255,.87)" }, mask: { background: "rgba(0,0,0,0.6)", color: "{surface.200}" }, formField: { background: "{surface.950}", disabledBackground: "{surface.700}", filledBackground: "{surface.800}", filledFocusBackground: "{surface.800}", borderColor: "{surface.700}", hoverBorderColor: "{surface.600}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.300}", color: "{surface.0}", disabledColor: "{surface.400}", placeholderColor: "{surface.400}", floatLabelColor: "{surface.400}", floatLabelFocusColor: "{surface.400}", floatLabelInvalidColor: "{red.300}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.0}", hoverColor: "{surface.0}", mutedColor: "{surface.400}", hoverMutedColor: "{surface.300}" }, content: { background: "{surface.900}", hoverBackground: "{surface.800}", borderColor: "{surface.700}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, popover: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, modal: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.800}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.800}", activeBackground: "{surface.800}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } } } } }, components: { accordion: { root: { transitionDuration: "{transition.duration}" }, panel: { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, header: { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", padding: "1.125rem", fontWeight: "600", borderRadius: "0", borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", hoverBackground: "{content.background}", activeBackground: "{content.background}", activeHoverBackground: "{content.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, toggleIcon: { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", activeHoverColor: "{text.color}" }, first: { topBorderRadius: "{content.border.radius}", borderWidth: "0" }, last: { bottomBorderRadius: "{content.border.radius}", activeBottomBorderRadius: "0" } }, content: { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" } }, autocomplete: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, overlay: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, list: { padding: "{list.padding}", gap: "{list.gap}" }, option: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, optionGroup: { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, dropdown: { width: "2.5rem", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, chip: { borderRadius: "{border.radius.sm}" }, emptyMessage: { padding: "{list.option.padding}" }, colorScheme: { light: { dropdown: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}" } }, dark: { dropdown: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}" } } } }, avatar: { root: { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", borderRadius: "{content.border.radius}" }, group: { borderColor: "{content.background}", offset: "-1rem" }, lg: { width: "3rem", height: "3rem", fontSize: "1.5rem" }, xl: { width: "4rem", height: "4rem", fontSize: "2rem" } }, badge: { root: { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, dot: { size: "0.5rem" }, sm: { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, lg: { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, xl: { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, colorScheme: { light: { primary: { background: "{primary.color}", color: "{primary.contrast.color}" }, secondary: { background: "{surface.100}", color: "{surface.600}" }, success: { background: "{green.500}", color: "{surface.0}" }, info: { background: "{sky.500}", color: "{surface.0}" }, warn: { background: "{orange.500}", color: "{surface.0}" }, danger: { background: "{red.500}", color: "{surface.0}" }, contrast: { background: "{surface.950}", color: "{surface.0}" } }, dark: { primary: { background: "{primary.color}", color: "{primary.contrast.color}" }, secondary: { background: "{surface.800}", color: "{surface.300}" }, success: { background: "{green.400}", color: "{green.950}" }, info: { background: "{sky.400}", color: "{sky.950}" }, warn: { background: "{orange.400}", color: "{orange.950}" }, danger: { background: "{red.400}", color: "{red.950}" }, contrast: { background: "{surface.0}", color: "{surface.950}" } } } }, blockui: { root: { borderRadius: "{content.border.radius}" } }, breadcrumb: { root: { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, item: { color: "{text.muted.color}", hoverColor: "{text.color}", borderRadius: "{content.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", hoverColor: "{navigation.item.icon.focus.color}" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, separator: { color: "{navigation.item.icon.color}" } }, button: { root: { borderRadius: "{form.field.border.radius}", roundedBorderRadius: "2rem", gap: "0.5rem", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", iconOnlyWidth: "2.5rem", sm: { fontSize: "0.875rem", paddingX: "0.625rem", paddingY: "0.375rem" }, lg: { fontSize: "1.125rem", paddingX: "0.875rem", paddingY: "0.625rem" }, label: { fontWeight: "500" }, raisedShadow: "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" }, badgeSize: "1rem", transitionDuration: "{form.field.transition.duration}" }, colorScheme: { light: { root: { primary: { background: "{primary.color}", hoverBackground: "{primary.hover.color}", activeBackground: "{primary.active.color}", borderColor: "{primary.color}", hoverBorderColor: "{primary.hover.color}", activeBorderColor: "{primary.active.color}", color: "{primary.contrast.color}", hoverColor: "{primary.contrast.color}", activeColor: "{primary.contrast.color}", focusRing: { color: "{primary.color}", shadow: "none" } }, secondary: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", borderColor: "{surface.100}", hoverBorderColor: "{surface.200}", activeBorderColor: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}", focusRing: { color: "{surface.600}", shadow: "none" } }, info: { background: "{sky.500}", hoverBackground: "{sky.600}", activeBackground: "{sky.700}", borderColor: "{sky.500}", hoverBorderColor: "{sky.600}", activeBorderColor: "{sky.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{sky.500}", shadow: "none" } }, success: { background: "{green.500}", hoverBackground: "{green.600}", activeBackground: "{green.700}", borderColor: "{green.500}", hoverBorderColor: "{green.600}", activeBorderColor: "{green.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{green.500}", shadow: "none" } }, warn: { background: "{orange.500}", hoverBackground: "{orange.600}", activeBackground: "{orange.700}", borderColor: "{orange.500}", hoverBorderColor: "{orange.600}", activeBorderColor: "{orange.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{orange.500}", shadow: "none" } }, help: { background: "{purple.500}", hoverBackground: "{purple.600}", activeBackground: "{purple.700}", borderColor: "{purple.500}", hoverBorderColor: "{purple.600}", activeBorderColor: "{purple.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{purple.500}", shadow: "none" } }, danger: { background: "{red.500}", hoverBackground: "{red.600}", activeBackground: "{red.700}", borderColor: "{red.500}", hoverBorderColor: "{red.600}", activeBorderColor: "{red.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{red.500}", shadow: "none" } }, contrast: { background: "{surface.950}", hoverBackground: "{surface.900}", activeBackground: "{surface.800}", borderColor: "{surface.950}", hoverBorderColor: "{surface.900}", activeBorderColor: "{surface.800}", color: "{surface.0}", hoverColor: "{surface.0}", activeColor: "{surface.0}", focusRing: { color: "{surface.950}", shadow: "none" } } }, outlined: { primary: { hoverBackground: "{primary.50}", activeBackground: "{primary.100}", borderColor: "{primary.200}", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.200}", color: "{surface.500}" }, success: { hoverBackground: "{green.50}", activeBackground: "{green.100}", borderColor: "{green.200}", color: "{green.500}" }, info: { hoverBackground: "{sky.50}", activeBackground: "{sky.100}", borderColor: "{sky.200}", color: "{sky.500}" }, warn: { hoverBackground: "{orange.50}", activeBackground: "{orange.100}", borderColor: "{orange.200}", color: "{orange.500}" }, help: { hoverBackground: "{purple.50}", activeBackground: "{purple.100}", borderColor: "{purple.200}", color: "{purple.500}" }, danger: { hoverBackground: "{red.50}", activeBackground: "{red.100}", borderColor: "{red.200}", color: "{red.500}" }, contrast: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.700}", color: "{surface.950}" }, plain: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.200}", color: "{surface.700}" } }, text: { primary: { hoverBackground: "{primary.50}", activeBackground: "{primary.100}", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.500}" }, success: { hoverBackground: "{green.50}", activeBackground: "{green.100}", color: "{green.500}" }, info: { hoverBackground: "{sky.50}", activeBackground: "{sky.100}", color: "{sky.500}" }, warn: { hoverBackground: "{orange.50}", activeBackground: "{orange.100}", color: "{orange.500}" }, help: { hoverBackground: "{purple.50}", activeBackground: "{purple.100}", color: "{purple.500}" }, danger: { hoverBackground: "{red.50}", activeBackground: "{red.100}", color: "{red.500}" }, plain: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.700}" } }, link: { color: "{primary.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" } }, dark: { root: { primary: { background: "{primary.color}", hoverBackground: "{primary.hover.color}", activeBackground: "{primary.active.color}", borderColor: "{primary.color}", hoverBorderColor: "{primary.hover.color}", activeBorderColor: "{primary.active.color}", color: "{primary.contrast.color}", hoverColor: "{primary.contrast.color}", activeColor: "{primary.contrast.color}", focusRing: { color: "{primary.color}", shadow: "none" } }, secondary: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", borderColor: "{surface.800}", hoverBorderColor: "{surface.700}", activeBorderColor: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}", focusRing: { color: "{surface.300}", shadow: "none" } }, info: { background: "{sky.400}", hoverBackground: "{sky.300}", activeBackground: "{sky.200}", borderColor: "{sky.400}", hoverBorderColor: "{sky.300}", activeBorderColor: "{sky.200}", color: "{sky.950}", hoverColor: "{sky.950}", activeColor: "{sky.950}", focusRing: { color: "{sky.400}", shadow: "none" } }, success: { background: "{green.400}", hoverBackground: "{green.300}", activeBackground: "{green.200}", borderColor: "{green.400}", hoverBorderColor: "{green.300}", activeBorderColor: "{green.200}", color: "{green.950}", hoverColor: "{green.950}", activeColor: "{green.950}", focusRing: { color: "{green.400}", shadow: "none" } }, warn: { background: "{orange.400}", hoverBackground: "{orange.300}", activeBackground: "{orange.200}", borderColor: "{orange.400}", hoverBorderColor: "{orange.300}", activeBorderColor: "{orange.200}", color: "{orange.950}", hoverColor: "{orange.950}", activeColor: "{orange.950}", focusRing: { color: "{orange.400}", shadow: "none" } }, help: { background: "{purple.400}", hoverBackground: "{purple.300}", activeBackground: "{purple.200}", borderColor: "{purple.400}", hoverBorderColor: "{purple.300}", activeBorderColor: "{purple.200}", color: "{purple.950}", hoverColor: "{purple.950}", activeColor: "{purple.950}", focusRing: { color: "{purple.400}", shadow: "none" } }, danger: { background: "{red.400}", hoverBackground: "{red.300}", activeBackground: "{red.200}", borderColor: "{red.400}", hoverBorderColor: "{red.300}", activeBorderColor: "{red.200}", color: "{red.950}", hoverColor: "{red.950}", activeColor: "{red.950}", focusRing: { color: "{red.400}", shadow: "none" } }, contrast: { background: "{surface.0}", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", borderColor: "{surface.0}", hoverBorderColor: "{surface.100}", activeBorderColor: "{surface.200}", color: "{surface.950}", hoverColor: "{surface.950}", activeColor: "{surface.950}", focusRing: { color: "{surface.0}", shadow: "none" } } }, outlined: { primary: { hoverBackground: "color-mix(in srgb, {primary.color}, transparent 96%)", activeBackground: "color-mix(in srgb, {primary.color}, transparent 84%)", borderColor: "{primary.700}", color: "{primary.color}" }, secondary: { hoverBackground: "rgba(255,255,255,0.04)", activeBackground: "rgba(255,255,255,0.16)", borderColor: "{surface.700}", color: "{surface.400}" }, success: { hoverBackground: "color-mix(in srgb, {green.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {green.400}, transparent 84%)", borderColor: "{green.700}", color: "{green.400}" }, info: { hoverBackground: "color-mix(in srgb, {sky.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {sky.400}, transparent 84%)", borderColor: "{sky.700}", color: "{sky.400}" }, warn: { hoverBackground: "color-mix(in srgb, {orange.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {orange.400}, transparent 84%)", borderColor: "{orange.700}", color: "{orange.400}" }, help: { hoverBackground: "color-mix(in srgb, {purple.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {purple.400}, transparent 84%)", borderColor: "{purple.700}", color: "{purple.400}" }, danger: { hoverBackground: "color-mix(in srgb, {red.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {red.400}, transparent 84%)", borderColor: "{red.700}", color: "{red.400}" }, contrast: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{surface.500}", color: "{surface.0}" }, plain: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{surface.600}", color: "{surface.0}" } }, text: { primary: { hoverBackground: "color-mix(in srgb, {primary.color}, transparent 96%)", activeBackground: "color-mix(in srgb, {primary.color}, transparent 84%)", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.400}" }, success: { hoverBackground: "color-mix(in srgb, {green.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {green.400}, transparent 84%)", color: "{green.400}" }, info: { hoverBackground: "color-mix(in srgb, {sky.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {sky.400}, transparent 84%)", color: "{sky.400}" }, warn: { hoverBackground: "color-mix(in srgb, {orange.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {orange.400}, transparent 84%)", color: "{orange.400}" }, help: { hoverBackground: "color-mix(in srgb, {purple.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {purple.400}, transparent 84%)", color: "{purple.400}" }, danger: { hoverBackground: "color-mix(in srgb, {red.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {red.400}, transparent 84%)", color: "{red.400}" }, plain: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.0}" } }, link: { color: "{primary.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" } } } }, datepicker: { root: { transitionDuration: "{transition.duration}" }, panel: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, header: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0", fontWeight: "500", gap: "0.5rem" }, title: { gap: "0.5rem", fontWeight: "500" }, dropdown: { width: "2.5rem", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, inputIcon: { color: "{form.field.icon.color}" }, selectMonth: { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, selectYear: { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, group: { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, dayView: { margin: "0.5rem 0 0 0" }, weekDay: { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, date: { hoverBackground: "{content.hover.background}", selectedBackground: "{primary.color}", rangeSelectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{primary.contrast.color}", rangeSelectedColor: "{highlight.color}", width: "2rem", height: "2rem", borderRadius: "50%", padding: "0.25rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, monthView: { margin: "0.5rem 0 0 0" }, month: { borderRadius: "{content.border.radius}" }, yearView: { margin: "0.5rem 0 0 0" }, year: { borderRadius: "{content.border.radius}" }, buttonbar: { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, timePicker: { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, colorScheme: { light: { dropdown: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}" }, today: { background: "{surface.200}", color: "{surface.900}" } }, dark: { dropdown: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}" }, today: { background: "{surface.700}", color: "{surface.0}" } } } }, card: { root: { background: "{content.background}", borderRadius: "{border.radius.xl}", color: "{content.color}", shadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" }, body: { padding: "1.25rem", gap: "0.5rem" }, caption: { gap: "0.5rem" }, title: { fontSize: "1.25rem", fontWeight: "500" }, subtitle: { color: "{text.muted.color}" } }, carousel: { root: { transitionDuration: "{transition.duration}" }, content: { gap: "0.25rem" }, indicatorList: { padding: "1rem", gap: "0.5rem" }, indicator: { width: "2rem", height: "0.5rem", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, colorScheme: { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } } }, cascadeselect: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, dropdown: { width: "2.5rem", color: "{form.field.icon.color}" }, overlay: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, list: { padding: "{list.padding}", gap: "{list.gap}" }, option: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}", icon: { color: "{list.option.icon.color}", focusColor: "{list.option.icon.focus.color}", size: "0.875rem" } } }, checkbox: { root: { borderRadius: "{border.radius.sm}", width: "1.25rem", height: "1.25rem", background: "{form.field.background}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.border.color}", checkedBorderColor: "{primary.color}", checkedHoverBorderColor: "{primary.hover.color}", checkedFocusBorderColor: "{primary.color}", checkedDisabledBorderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, icon: { size: "0.875rem", color: "{form.field.color}", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}" } }, chip: { root: { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, image: { width: "2rem", height: "2rem" }, icon: { size: "1rem" }, removeIcon: { size: "1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" } }, colorScheme: { light: { root: { background: "{surface.100}", color: "{surface.800}" }, icon: { color: "{surface.800}" }, removeIcon: { color: "{surface.800}" } }, dark: { root: { background: "{surface.800}", color: "{surface.0}" }, icon: { color: "{surface.0}" }, removeIcon: { color: "{surface.0}" } } } }, colorpicker: { root: { transitionDuration: "{transition.duration}" }, preview: { width: "1.5rem", height: "1.5rem", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, panel: { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, colorScheme: { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } } }, confirmdialog: { icon: { size: "2rem", color: "{overlay.modal.color}" }, content: { gap: "1rem" } }, confirmpopup: { root: { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", color: "{overlay.popover.color}", borderRadius: "{overlay.popover.border.radius}", shadow: "{overlay.popover.shadow}", gutter: "10px", arrowOffset: "1.25rem" }, content: { padding: "{overlay.popover.padding}", gap: "1rem" }, icon: { size: "1.5rem", color: "{overlay.popover.color}" }, footer: { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" } }, contextmenu: { root: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, list: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, item: { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, submenuIcon: { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, separator: { borderColor: "{content.border.color}" } }, dataview: { root: { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, header: { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, content: { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, footer: { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, paginatorTop: { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, paginatorBottom: { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" } }, datatable: { root: { transitionDuration: "{transition.duration}" }, header: { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, headerCell: { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{datatable.border.color}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", gap: "0.5rem", padding: "0.75rem 1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, columnTitle: { fontWeight: "600" }, row: { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, bodyCell: { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem" }, footerCell: { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, columnFooter: { fontWeight: "600" }, footer: { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, dropPointColor: "{primary.color}", columnResizerWidth: "0.5rem", resizeIndicator: { width: "1px", color: "{primary.color}" }, sortIcon: { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, loadingIcon: { size: "2rem" }, rowToggleButton: { hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", selectedHoverColor: "{primary.color}", size: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, filter: { inlineGap: "0.5rem", overlaySelect: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, overlayPopover: { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", borderRadius: "{overlay.popover.border.radius}", color: "{overlay.popover.color}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}", gap: "0.5rem" }, rule: { borderColor: "{content.border.color}" }, constraintList: { padding: "{list.padding}", gap: "{list.gap}" }, constraint: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", separator: { borderColor: "{content.border.color}" }, padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" } }, paginatorTop: { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, paginatorBottom: { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, colorScheme: { light: { root: { borderColor: "{content.border.color}" }, row: { stripedBackground: "{surface.50}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, row: { stripedBackground: "{surface.950}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } } }, dialog: { root: { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, header: { padding: "{overlay.modal.padding}", gap: "0.5rem" }, title: { fontSize: "1.25rem", fontWeight: "600" }, content: { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, footer: { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" } }, divider: { root: { borderColor: "{content.border.color}" }, content: { background: "{content.background}", color: "{text.color}" }, horizontal: { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, vertical: { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } } }, dock: { root: { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, item: { borderRadius: "{content.border.radius}", padding: "0.5rem", size: "3rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } } }, drawer: { root: { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, header: { padding: "{overlay.modal.padding}" }, title: { fontSize: "1.5rem", fontWeight: "600" }, content: { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" } }, editor: { toolbar: { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, toolbarItem: { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, overlay: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}", padding: "{list.padding}" }, overlayOption: { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, content: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" } }, fieldset: { root: { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", padding: "0 1.125rem 1.125rem 1.125rem", transitionDuration: "{transition.duration}" }, legend: { background: "{content.background}", hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", borderRadius: "{content.border.radius}", borderWidth: "1px", borderColor: "transparent", padding: "0.5rem 0.75rem", gap: "0.5rem", fontWeight: "600", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, toggleIcon: { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, content: { padding: "0" } }, fileupload: { root: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, header: { background: "transparent", color: "{text.color}", padding: "1.125rem", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, content: { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, file: { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, progressbar: { height: "0.25rem" }, basic: { gap: "0.5rem" } }, floatlabel: { root: { color: "{form.field.float.label.color}", focusColor: "{form.field.float.label.focus.color}", invalidColor: "{form.field.float.label.invalid.color}", transitionDuration: "0.2s" } }, galleria: { root: { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, navButton: { background: "rgba(255, 255, 255, 0.1)", hoverBackground: "rgba(255, 255, 255, 0.2)", color: "{surface.100}", hoverColor: "{surface.0}", size: "3rem", gutter: "0.5rem", prev: { borderRadius: "50%" }, next: { borderRadius: "50%" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, navIcon: { size: "1.5rem" }, thumbnailsContent: { background: "{content.background}", padding: "1rem 0.25rem" }, thumbnailNavButton: { size: "2rem", borderRadius: "{content.border.radius}", gutter: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, thumbnailNavButtonIcon: { size: "1rem" }, caption: { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, indicatorList: { gap: "0.5rem", padding: "1rem" }, indicatorButton: { width: "1rem", height: "1rem", activeBackground: "{primary.color}", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, insetIndicatorList: { background: "rgba(0, 0, 0, 0.5)" }, insetIndicatorButton: { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, mask: { background: "{mask.background}", color: "{mask.color}" }, closeButton: { size: "3rem", gutter: "0.5rem", background: "rgba(255, 255, 255, 0.1)", hoverBackground: "rgba(255, 255, 255, 0.2)", color: "{surface.50}", hoverColor: "{surface.0}", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, closeButtonIcon: { size: "1.5rem" }, colorScheme: { light: { thumbnailNavButton: { hoverBackground: "{surface.100}", color: "{surface.600}", hoverColor: "{surface.700}" }, indicatorButton: { background: "{surface.200}", hoverBackground: "{surface.300}" } }, dark: { thumbnailNavButton: { hoverBackground: "{surface.700}", color: "{surface.400}", hoverColor: "{surface.0}" }, indicatorButton: { background: "{surface.700}", hoverBackground: "{surface.600}" } } } }, iconfield: { icon: { color: "{form.field.icon.color}" } }, image: { root: { transitionDuration: "{transition.duration}" }, preview: { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, toolbar: { position: { left: "auto", right: "1rem", top: "1rem", bottom: "auto" }, blur: "8px", background: "rgba(255,255,255,0.1)", borderColor: "rgba(255,255,255,0.2)", borderWidth: "1px", borderRadius: "30px", padding: ".5rem", gap: "0.5rem" }, action: { hoverBackground: "rgba(255,255,255,0.1)", color: "{surface.50}", hoverColor: "{surface.0}", size: "3rem", iconSize: "1.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } } }, inlinemessage: { root: { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, text: { fontWeight: "500" }, icon: { size: "1rem" }, colorScheme: { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)" }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)" }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)" }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)" }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)" }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)" } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)" }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)" }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)" }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)" }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)" }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)" } } } }, inplace: { root: { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{transition.duration}" }, display: { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" } }, inputchips: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, chip: { borderRadius: "{border.radius.sm}" }, colorScheme: { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } } }, inputgroup: { addon: { background: "{form.field.background}", borderColor: "{form.field.border.color}", color: "{form.field.icon.color}", borderRadius: "{form.field.border.radius}" } }, inputnumber: { root: { transitionDuration: "{transition.duration}" }, button: { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, colorScheme: { light: { button: { background: "transparent", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.400}", hoverColor: "{surface.500}", activeColor: "{surface.600}" } }, dark: { button: { background: "transparent", hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.400}", hoverColor: "{surface.300}", activeColor: "{surface.200}" } } } }, inputtext: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "0.875rem", paddingX: "0.625rem", paddingY: "0.375rem" }, lg: { fontSize: "1.125rem", paddingX: "0.875rem", paddingY: "0.625rem" } } }, knob: { root: { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, value: { background: "{primary.color}" }, range: { background: "{content.border.color}" }, text: { color: "{text.muted.color}" } }, listbox: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", shadow: "{form.field.shadow}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, list: { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, option: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, optionGroup: { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, checkmark: { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, emptyMessage: { padding: "{list.option.padding}" }, colorScheme: { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } } }, megamenu: { root: { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", verticalOrientation: { padding: "{navigation.list.padding}", gap: "0" }, horizontalOrientation: { padding: "0.5rem 0.75rem" }, transitionDuration: "{transition.duration}" }, baseItem: { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, item: { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, overlay: { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, submenu: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, submenuLabel: { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background.}", color: "{navigation.submenu.label.color}" }, submenuIcon: { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, separator: { borderColor: "{content.border.color}" }, mobileButton: { borderRadius: "50%", size: "1.75rem", color: "{text.muted.color}", hoverColor: "{text.muted.hover.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } } }, menu: { root: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, list: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, item: { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, submenuLabel: { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, separator: { borderColor: "{content.border.color}" } }, menubar: { root: { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.5rem 0.75rem", transitionDuration: "{transition.duration}" }, baseItem: { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, item: { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, submenu: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", mobileIndent: "1rem" }, submenuIcon: { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, separator: { borderColor: "{content.border.color}" }, mobileButton: { borderRadius: "50%", size: "1.75rem", color: "{text.muted.color}", hoverColor: "{text.muted.hover.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } } }, message: { root: { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, content: { padding: "0.5rem 0.75rem", gap: "0.5rem" }, text: { fontSize: "1rem", fontWeight: "500" }, icon: { size: "1.125rem" }, closeButton: { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, closeIcon: { size: "1rem" }, colorScheme: { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{blue.600}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{green.600}", shadow: "none" } } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{yellow.600}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{red.600}", shadow: "none" } } }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{surface.600}", shadow: "none" } } }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{surface.50}", shadow: "none" } } } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{blue.500}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{green.500}", shadow: "none" } } }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{yellow.500}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{red.500}", shadow: "none" } } }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{surface.300}", shadow: "none" } } }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{surface.950}", shadow: "none" } } } } } }, metergroup: { root: { borderRadius: "{content.border.radius}", gap: "1rem" }, meters: { background: "{content.border.color}", size: "0.5rem" }, label: { gap: "0.5rem" }, labelMarker: { size: "0.5rem" }, labelIcon: { size: "1rem" }, labelList: { verticalGap: "0.5rem", horizontalGap: "1rem" } }, multiselect: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, dropdown: { width: "2.5rem", color: "{form.field.icon.color}" }, overlay: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, list: { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, option: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}", gap: "0.5rem" }, optionGroup: { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, chip: { borderRadius: "{border.radius.sm}" }, emptyMessage: { padding: "{list.option.padding}" } }, orderlist: { root: { gap: "1.125rem" }, controls: { gap: "0.5rem" } }, organizationchart: { root: { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, node: { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{content.border.color}", color: "{content.color}", selectedColor: "{highlight.color}", hoverColor: "{content.hover.color}", padding: "0.75rem 1rem", toggleablePadding: "0.75rem 1rem 1.25rem 1rem", borderRadius: "{content.border.radius}" }, nodeToggleButton: { background: "{content.background}", hoverBackground: "{content.hover.background}", borderColor: "{content.border.color}", color: "{text.muted.color}", hoverColor: "{text.color}", size: "1.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, connector: { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" } }, overlaybadge: { root: { outline: { width: "2px", color: "{content.background}" } } }, popover: { root: { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", color: "{overlay.popover.color}", borderRadius: "{overlay.popover.border.radius}", shadow: "{overlay.popover.shadow}", gutter: "10px", arrowOffset: "1.25rem" }, content: { padding: "{overlay.popover.padding}" } }, paginator: { root: { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, navButton: { background: "transparent", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}", width: "2.5rem", height: "2.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, currentPageReport: { color: "{text.muted.color}" }, jumpToPageInput: { maxWidth: "2.5rem" } }, password: { meter: { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, icon: { color: "{form.field.icon.color}" }, overlay: { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", borderRadius: "{overlay.popover.border.radius}", color: "{overlay.popover.color}", padding: "{overlay.popover.padding}", shadow: "{overlay.popover.shadow}" }, content: { gap: "0.5rem" }, colorScheme: { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } } }, panel: { root: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, header: { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, toggleableHeader: { padding: "0.375rem 1.125rem" }, title: { fontWeight: "600" }, content: { padding: "0 1.125rem 1.125rem 1.125rem" }, footer: { padding: "0 1.125rem 1.125rem 1.125rem" } }, panelmenu: { root: { gap: "0.5rem", transitionDuration: "{transition.duration}" }, panel: { background: "{content.background}", borderColor: "{content.border.color}", borderWidth: "1px", color: "{content.color}", padding: "0.25rem 0.25rem", borderRadius: "{content.border.radius}", first: { borderWidth: "1px", topBorderRadius: "{content.border.radius}" }, last: { borderWidth: "1px", bottomBorderRadius: "{content.border.radius}" } }, item: { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", gap: "0.5rem", padding: "{navigation.item.padding}", borderRadius: "{content.border.radius}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, submenu: { indent: "1rem" }, submenuIcon: { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" } }, picklist: { root: { gap: "1.125rem" }, controls: { gap: "0.5rem" } }, progressbar: { root: { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, value: { background: "{primary.color}" }, label: { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" } }, progressspinner: { colorScheme: { light: { root: { "color.1": "{red.500}", "color.2": "{blue.500}", "color.3": "{green.500}", "color.4": "{yellow.500}" } }, dark: { root: { "color.1": "{red.400}", "color.2": "{blue.400}", "color.3": "{green.400}", "color.4": "{yellow.400}" } } } }, radiobutton: { root: { width: "1.25rem", height: "1.25rem", background: "{form.field.background}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.border.color}", checkedBorderColor: "{primary.color}", checkedHoverBorderColor: "{primary.hover.color}", checkedFocusBorderColor: "{primary.color}", checkedDisabledBorderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, icon: { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}" } }, rating: { root: { gap: "0.25rem", transitionDuration: "{transition.duration}" }, icon: { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" } }, scrollpanel: { root: { transitionDuration: "{transition.duration}" }, bar: { size: "9px", borderRadius: "{border.radius.sm}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, colorScheme: { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } } }, select: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, dropdown: { width: "2.5rem", color: "{form.field.icon.color}" }, overlay: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, list: { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, option: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, optionGroup: { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, clearIcon: { color: "{form.field.icon.color}" }, checkmark: { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, emptyMessage: { padding: "{list.option.padding}" } }, selectbutton: { root: { borderRadius: "{form.field.border.radius}" }, colorScheme: { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } } }, skeleton: { root: { borderRadius: "{content.border.radius}" }, colorScheme: { light: { root: { background: "{surface.200}", animationBackground: "rgba(255,255,255,0.4)" } }, dark: { root: { background: "rgba(255, 255, 255, 0.06)", animationBackground: "rgba(255, 255, 255, 0.04)" } } } }, slider: { root: { transitionDuration: "{transition.duration}" }, track: { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, range: { background: "{primary.color}" }, handle: { width: "20px", height: "20px", borderRadius: "50%", background: "{content.border.color}", hoverBackground: "{content.border.color}", content: { borderRadius: "50%", hoverBackground: "{content.background}", width: "16px", height: "16px", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, colorScheme: { light: { handle: { contentBackground: "{surface.0}" } }, dark: { handle: { contentBackground: "{surface.950}" } } } }, speeddial: { root: { gap: "0.5rem", transitionDuration: "{transition.duration}" } }, splitter: { root: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, gutter: { background: "{content.border.color}" }, handle: { size: "24px", background: "transparent", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } } }, splitbutton: { root: { borderRadius: "{form.field.border.radius}", roundedBorderRadius: "2rem", raisedShadow: "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)" } }, stepper: { root: { transitionDuration: "{transition.duration}" }, separator: { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, step: { padding: "0.5rem", gap: "1rem" }, stepHeader: { padding: "0", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, gap: "0.5rem" }, stepTitle: { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, stepNumber: { background: "{content.background}", activeBackground: "{content.background}", borderColor: "{content.border.color}", activeBorderColor: "{content.border.color}", color: "{text.muted.color}", activeColor: "{primary.color}", size: "2rem", fontSize: "1.143rem", fontWeight: "500", borderRadius: "50%", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" }, steppanels: { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, steppanel: { background: "{content.background}", color: "{content.color}", padding: "0 0 0 1rem" } }, steps: { root: { transitionDuration: "{transition.duration}" }, separator: { background: "{content.border.color}" }, itemLink: { borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, gap: "0.5rem" }, itemLabel: { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, itemNumber: { background: "{content.background}", activeBackground: "{content.background}", borderColor: "{content.border.color}", activeBorderColor: "{content.border.color}", color: "{text.muted.color}", activeColor: "{primary.color}", size: "2rem", fontSize: "1.143rem", fontWeight: "500", borderRadius: "50%", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" } }, tabmenu: { root: { transitionDuration: "{transition.duration}" }, tablist: { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, item: { background: "transparent", hoverBackground: "transparent", activeBackground: "transparent", borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", hoverBorderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.125rem", fontWeight: "600", margin: "0 0 -1px 0", gap: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, itemIcon: { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, activeBar: { height: "1px", bottom: "-1px", background: "{primary.color}" } }, tabs: { root: { transitionDuration: "{transition.duration}" }, tablist: { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, tab: { background: "transparent", hoverBackground: "transparent", activeBackground: "transparent", borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", hoverBorderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.125rem", fontWeight: "600", margin: "0 0 -1px 0", gap: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, tabpanel: { background: "{content.background}", color: "{content.color}", padding: "0.875rem 1.125rem 1.125rem 1.125rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, navButton: { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", width: "2.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, activeBar: { height: "1px", bottom: "-1px", background: "{primary.color}" }, colorScheme: { light: { navButton: { shadow: "0px 0px 10px 50px rgba(255, 255, 255, 0.6)" } }, dark: { navButton: { shadow: "0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)" } } } }, tabview: { root: { transitionDuration: "{transition.duration}" }, tabList: { background: "{content.background}", borderColor: "{content.border.color}" }, tab: { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, tabPanel: { background: "{content.background}", color: "{content.color}" }, navButton: { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, colorScheme: { light: { navButton: { shadow: "0px 0px 10px 50px rgba(255, 255, 255, 0.6)" } }, dark: { navButton: { shadow: "0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)" } } } }, textarea: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" } }, tieredmenu: { root: { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, list: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, item: { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, submenuLabel: { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background.}", color: "{navigation.submenu.label.color}" }, submenuIcon: { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, separator: { borderColor: "{content.border.color}" } }, tag: { root: { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, icon: { size: "0.75rem" }, colorScheme: { light: { primary: { background: "{primary.100}", color: "{primary.700}" }, secondary: { background: "{surface.100}", color: "{surface.600}" }, success: { background: "{green.100}", color: "{green.700}" }, info: { background: "{sky.100}", color: "{sky.700}" }, warn: { background: "{orange.100}", color: "{orange.700}" }, danger: { background: "{red.100}", color: "{red.700}" }, contrast: { background: "{surface.950}", color: "{surface.0}" } }, dark: { primary: { background: "color-mix(in srgb, {primary.500}, transparent 84%)", color: "{primary.300}" }, secondary: { background: "{surface.800}", color: "{surface.300}" }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", color: "{green.300}" }, info: { background: "color-mix(in srgb, {sky.500}, transparent 84%)", color: "{sky.300}" }, warn: { background: "color-mix(in srgb, {orange.500}, transparent 84%)", color: "{orange.300}" }, danger: { background: "color-mix(in srgb, {red.500}, transparent 84%)", color: "{red.300}" }, contrast: { background: "{surface.0}", color: "{surface.950}" } } } }, terminal: { root: { background: "{form.field.background}", borderColor: "{form.field.border.color}", color: "{form.field.color}", height: "18rem", padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{form.field.border.radius}" }, prompt: { gap: "0.25rem" }, commandResponse: { margin: "2px 0" } }, timeline: { event: { minHeight: "5rem" }, horizontal: { eventContent: { padding: "1rem 0" } }, vertical: { eventContent: { padding: "0 1rem" } }, eventMarker: { size: "1.125rem", borderRadius: "50%", borderWidth: "2px", background: "{content.background}", borderColor: "{content.border.color}", content: { borderRadius: "50%", size: "0.375rem", background: "{primary.color}", insetShadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" } }, eventConnector: { color: "{content.border.color}", size: "2px" } }, togglebutton: { root: { padding: "0.5rem 1rem", borderRadius: "{content.border.radius}", gap: "0.5rem", fontWeight: "500", disabledBackground: "{form.field.disabled.background}", disabledBorderColor: "{form.field.disabled.background}", disabledColor: "{form.field.disabled.color}", invalidBorderColor: "{form.field.invalid.border.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, icon: { disabledColor: "{form.field.disabled.color}" }, content: { left: "0.25rem", top: "0.25rem", checkedShadow: "0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04)" }, colorScheme: { light: { root: { background: "{surface.100}", checkedBackground: "{surface.100}", hoverBackground: "{surface.100}", borderColor: "{surface.100}", color: "{surface.500}", hoverColor: "{surface.700}", checkedColor: "{surface.900}", checkedBorderColor: "{surface.100}" }, content: { checkedBackground: "{surface.0}" }, icon: { color: "{surface.500}", hoverColor: "{surface.700}", checkedColor: "{surface.900}" } }, dark: { root: { background: "{surface.950}", checkedBackground: "{surface.950}", hoverBackground: "{surface.950}", borderColor: "{surface.950}", color: "{surface.400}", hoverColor: "{surface.300}", checkedColor: "{surface.0}", checkedBorderColor: "{surface.950}" }, content: { checkedBackground: "{surface.800}" }, icon: { color: "{surface.400}", hoverColor: "{surface.300}", checkedColor: "{surface.0}" } } } }, toggleswitch: { root: { width: "2.5rem", height: "1.5rem", borderRadius: "30px", gap: "0.25rem", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, borderWidth: "1px", borderColor: "transparent", hoverBorderColor: "transparent", checkedBorderColor: "transparent", checkedHoverBorderColor: "transparent", invalidBorderColor: "{form.field.invalid.border.color}", transitionDuration: "{form.field.transition.duration}", slideDuration: "0.2s", disabledBackground: "{form.field.disabled.background}" }, handle: { borderRadius: "50%", size: "1rem", disabledBackground: "{form.field.disabled.color}" }, colorScheme: { light: { root: { background: "{surface.300}", hoverBackground: "{surface.400}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}" }, handle: { background: "{surface.0}", hoverBackground: "{surface.0}", checkedBackground: "{surface.0}", checkedHoverBackground: "{surface.0}" } }, dark: { root: { background: "{surface.700}", hoverBackground: "{surface.600}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}" }, handle: { background: "{surface.400}", hoverBackground: "{surface.300}", checkedBackground: "{surface.900}", checkedHoverBackground: "{surface.900}" } } } }, tree: { root: { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, node: { padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{text.color}", hoverColor: "{text.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" }, gap: "0.25rem" }, nodeIcon: { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, nodeToggleButton: { borderRadius: "50%", size: "1.75rem", hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedHoverColor: "{primary.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, loadingIcon: { size: "2rem" } }, treeselect: { root: { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, dropdown: { width: "2.5rem", color: "{form.field.icon.color}" }, overlay: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, tree: { padding: "{list.padding}" }, emptyMessage: { padding: "{list.option.padding}" }, chip: { borderRadius: "{border.radius.sm}" } }, treetable: { root: { transitionDuration: "{transition.duration}" }, header: { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, headerCell: { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{treetable.border.color}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", gap: "0.5rem", padding: "0.75rem 1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, columnTitle: { fontWeight: "600" }, row: { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, bodyCell: { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, footerCell: { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, columnFooter: { fontWeight: "600" }, footer: { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, columnResizerWidth: "0.5rem", resizeIndicator: { width: "1px", color: "{primary.color}" }, sortIcon: { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, loadingIcon: { size: "2rem" }, nodeToggleButton: { hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", selectedHoverColor: "{primary.color}", size: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, paginatorTop: { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, paginatorBottom: { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, colorScheme: { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } } }, toast: { root: { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, icon: { size: "1.125rem" }, content: { padding: "{overlay.popover.padding}", gap: "0.5rem" }, text: { gap: "0.5rem" }, summary: { fontWeight: "500", fontSize: "1rem" }, detail: { fontWeight: "500", fontSize: "0.875rem" }, closeButton: { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, closeIcon: { size: "1rem" }, colorScheme: { light: { blur: "1.5px", info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{blue.600}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{green.600}", shadow: "none" } } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{yellow.600}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{red.600}", shadow: "none" } } }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{surface.600}", shadow: "none" } } }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{surface.50}", shadow: "none" } } } }, dark: { blur: "10px", info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{blue.500}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{green.500}", shadow: "none" } } }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{yellow.500}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{red.500}", shadow: "none" } } }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{surface.300}", shadow: "none" } } }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", detailColor: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{surface.950}", shadow: "none" } } } } } }, toolbar: { root: { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" } }, virtualscroller: { loader: { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } } } }, directives: { tooltip: { root: { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, colorScheme: { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } } }, ripple: { colorScheme: { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } } } } } } }, components: [{ name: "AutoComplete", as: "AutoComplete", from: "primevue/autocomplete", export: "default", filePath: "primevue/autocomplete", global: true }, { name: "Calendar", as: "Calendar", from: "primevue/calendar", export: "default", filePath: "primevue/calendar", global: true }, { name: "CascadeSelect", as: "CascadeSelect", from: "primevue/cascadeselect", export: "default", filePath: "primevue/cascadeselect", global: true }, { name: "Checkbox", as: "Checkbox", from: "primevue/checkbox", export: "default", filePath: "primevue/checkbox", global: true }, { name: "Chips", as: "Chips", from: "primevue/chips", export: "default", filePath: "primevue/chips", global: true }, { name: "ColorPicker", as: "ColorPicker", from: "primevue/colorpicker", export: "default", filePath: "primevue/colorpicker", global: true }, { name: "DatePicker", as: "DatePicker", from: "primevue/datepicker", export: "default", filePath: "primevue/datepicker", global: true }, { name: "Dropdown", as: "Dropdown", from: "primevue/dropdown", export: "default", filePath: "primevue/dropdown", global: true }, { name: "FloatLabel", as: "FloatLabel", from: "primevue/floatlabel", export: "default", filePath: "primevue/floatlabel", global: true }, { name: "Fluid", as: "Fluid", from: "primevue/fluid", export: "default", filePath: "primevue/fluid", global: true }, { name: "IconField", as: "IconField", from: "primevue/iconfield", export: "default", filePath: "primevue/iconfield", global: true }, { name: "InputChips", as: "InputChips", from: "primevue/inputchips", export: "default", filePath: "primevue/inputchips", global: true }, { name: "InputGroup", as: "InputGroup", from: "primevue/inputgroup", export: "default", filePath: "primevue/inputgroup", global: true }, { name: "InputGroupAddon", as: "InputGroupAddon", from: "primevue/inputgroupaddon", export: "default", filePath: "primevue/inputgroupaddon", global: true }, { name: "InputIcon", as: "InputIcon", from: "primevue/inputicon", export: "default", filePath: "primevue/inputicon", global: true }, { name: "InputMask", as: "InputMask", from: "primevue/inputmask", export: "default", filePath: "primevue/inputmask", global: true }, { name: "InputNumber", as: "InputNumber", from: "primevue/inputnumber", export: "default", filePath: "primevue/inputnumber", global: true }, { name: "InputOtp", as: "InputOtp", from: "primevue/inputotp", export: "default", filePath: "primevue/inputotp", global: true }, { name: "InputSwitch", as: "InputSwitch", from: "primevue/inputswitch", export: "default", filePath: "primevue/inputswitch", global: true }, { name: "InputText", as: "InputText", from: "primevue/inputtext", export: "default", filePath: "primevue/inputtext", global: true }, { name: "Knob", as: "Knob", from: "primevue/knob", export: "default", filePath: "primevue/knob", global: true }, { name: "Listbox", as: "Listbox", from: "primevue/listbox", export: "default", filePath: "primevue/listbox", global: true }, { name: "MultiSelect", as: "MultiSelect", from: "primevue/multiselect", export: "default", filePath: "primevue/multiselect", global: true }, { name: "Password", as: "Password", from: "primevue/password", export: "default", filePath: "primevue/password", global: true }, { name: "RadioButton", as: "RadioButton", from: "primevue/radiobutton", export: "default", filePath: "primevue/radiobutton", global: true }, { name: "Rating", as: "Rating", from: "primevue/rating", export: "default", filePath: "primevue/rating", global: true }, { name: "Select", as: "Select", from: "primevue/select", export: "default", filePath: "primevue/select", global: true }, { name: "SelectButton", as: "SelectButton", from: "primevue/selectbutton", export: "default", filePath: "primevue/selectbutton", global: true }, { name: "Slider", as: "Slider", from: "primevue/slider", export: "default", filePath: "primevue/slider", global: true }, { name: "Textarea", as: "Textarea", from: "primevue/textarea", export: "default", filePath: "primevue/textarea", global: true }, { name: "ToggleButton", as: "ToggleButton", from: "primevue/togglebutton", export: "default", filePath: "primevue/togglebutton", global: true }, { name: "ToggleSwitch", as: "ToggleSwitch", from: "primevue/toggleswitch", export: "default", filePath: "primevue/toggleswitch", global: true }, { name: "TreeSelect", as: "TreeSelect", from: "primevue/treeselect", export: "default", filePath: "primevue/treeselect", global: true }, { name: "Button", as: "Button", from: "primevue/button", export: "default", filePath: "primevue/button", global: true }, { name: "ButtonGroup", as: "ButtonGroup", from: "primevue/buttongroup", export: "default", filePath: "primevue/buttongroup", global: true }, { name: "SpeedDial", as: "SpeedDial", from: "primevue/speeddial", export: "default", filePath: "primevue/speeddial", global: true }, { name: "SplitButton", as: "SplitButton", from: "primevue/splitbutton", export: "default", filePath: "primevue/splitbutton", global: true }, { name: "Column", as: "Column", from: "primevue/column", export: "default", filePath: "primevue/column", global: true }, { name: "Row", as: "Row", from: "primevue/row", export: "default", filePath: "primevue/row", global: true }, { name: "ColumnGroup", as: "ColumnGroup", from: "primevue/columngroup", export: "default", filePath: "primevue/columngroup", global: true }, { name: "DataTable", as: "DataTable", from: "primevue/datatable", export: "default", filePath: "primevue/datatable", global: true }, { name: "DataView", as: "DataView", from: "primevue/dataview", export: "default", filePath: "primevue/dataview", global: true }, { name: "OrderList", as: "OrderList", from: "primevue/orderlist", export: "default", filePath: "primevue/orderlist", global: true }, { name: "OrganizationChart", as: "OrganizationChart", from: "primevue/organizationchart", export: "default", filePath: "primevue/organizationchart", global: true }, { name: "Paginator", as: "Paginator", from: "primevue/paginator", export: "default", filePath: "primevue/paginator", global: true }, { name: "PickList", as: "PickList", from: "primevue/picklist", export: "default", filePath: "primevue/picklist", global: true }, { name: "Tree", as: "Tree", from: "primevue/tree", export: "default", filePath: "primevue/tree", global: true }, { name: "TreeTable", as: "TreeTable", from: "primevue/treetable", export: "default", filePath: "primevue/treetable", global: true }, { name: "Timeline", as: "Timeline", from: "primevue/timeline", export: "default", filePath: "primevue/timeline", global: true }, { name: "VirtualScroller", as: "VirtualScroller", from: "primevue/virtualscroller", export: "default", filePath: "primevue/virtualscroller", global: true }, { name: "Accordion", as: "Accordion", from: "primevue/accordion", export: "default", filePath: "primevue/accordion", global: true }, { name: "AccordionPanel", as: "AccordionPanel", from: "primevue/accordionpanel", export: "default", filePath: "primevue/accordionpanel", global: true }, { name: "AccordionHeader", as: "AccordionHeader", from: "primevue/accordionheader", export: "default", filePath: "primevue/accordionheader", global: true }, { name: "AccordionContent", as: "AccordionContent", from: "primevue/accordioncontent", export: "default", filePath: "primevue/accordioncontent", global: true }, { name: "AccordionTab", as: "AccordionTab", from: "primevue/accordiontab", export: "default", filePath: "primevue/accordiontab", global: true }, { name: "Card", as: "Card", from: "primevue/card", export: "default", filePath: "primevue/card", global: true }, { name: "DeferredContent", as: "DeferredContent", from: "primevue/deferredcontent", export: "default", filePath: "primevue/deferredcontent", global: true }, { name: "Divider", as: "Divider", from: "primevue/divider", export: "default", filePath: "primevue/divider", global: true }, { name: "Fieldset", as: "Fieldset", from: "primevue/fieldset", export: "default", filePath: "primevue/fieldset", global: true }, { name: "Panel", as: "Panel", from: "primevue/panel", export: "default", filePath: "primevue/panel", global: true }, { name: "ScrollPanel", as: "ScrollPanel", from: "primevue/scrollpanel", export: "default", filePath: "primevue/scrollpanel", global: true }, { name: "Splitter", as: "Splitter", from: "primevue/splitter", export: "default", filePath: "primevue/splitter", global: true }, { name: "SplitterPanel", as: "SplitterPanel", from: "primevue/splitterpanel", export: "default", filePath: "primevue/splitterpanel", global: true }, { name: "Stepper", as: "Stepper", from: "primevue/stepper", export: "default", filePath: "primevue/stepper", global: true }, { name: "StepList", as: "StepList", from: "primevue/steplist", export: "default", filePath: "primevue/steplist", global: true }, { name: "Step", as: "Step", from: "primevue/step", export: "default", filePath: "primevue/step", global: true }, { name: "StepItem", as: "StepItem", from: "primevue/stepitem", export: "default", filePath: "primevue/stepitem", global: true }, { name: "StepPanels", as: "StepPanels", from: "primevue/steppanels", export: "default", filePath: "primevue/steppanels", global: true }, { name: "StepPanel", as: "StepPanel", from: "primevue/steppanel", export: "default", filePath: "primevue/steppanel", global: true }, { name: "TabView", as: "TabView", from: "primevue/tabview", export: "default", filePath: "primevue/tabview", global: true }, { name: "Tabs", as: "Tabs", from: "primevue/tabs", export: "default", filePath: "primevue/tabs", global: true }, { name: "TabList", as: "TabList", from: "primevue/tablist", export: "default", filePath: "primevue/tablist", global: true }, { name: "Tab", as: "Tab", from: "primevue/tab", export: "default", filePath: "primevue/tab", global: true }, { name: "TabPanels", as: "TabPanels", from: "primevue/tabpanels", export: "default", filePath: "primevue/tabpanels", global: true }, { name: "TabPanel", as: "TabPanel", from: "primevue/tabpanel", export: "default", filePath: "primevue/tabpanel", global: true }, { name: "Toolbar", as: "Toolbar", from: "primevue/toolbar", export: "default", filePath: "primevue/toolbar", global: true }, { name: "ConfirmDialog", use: { as: "ConfirmationService" }, as: "ConfirmDialog", from: "primevue/confirmdialog", export: "default", filePath: "primevue/confirmdialog", global: true }, { name: "ConfirmPopup", use: { as: "ConfirmationService" }, as: "ConfirmPopup", from: "primevue/confirmpopup", export: "default", filePath: "primevue/confirmpopup", global: true }, { name: "Dialog", as: "Dialog", from: "primevue/dialog", export: "default", filePath: "primevue/dialog", global: true }, { name: "Drawer", as: "Drawer", from: "primevue/drawer", export: "default", filePath: "primevue/drawer", global: true }, { name: "DynamicDialog", use: { as: "DialogService" }, as: "DynamicDialog", from: "primevue/dynamicdialog", export: "default", filePath: "primevue/dynamicdialog", global: true }, { name: "OverlayPanel", as: "OverlayPanel", from: "primevue/overlaypanel", export: "default", filePath: "primevue/overlaypanel", global: true }, { name: "Popover", as: "Popover", from: "primevue/popover", export: "default", filePath: "primevue/popover", global: true }, { name: "Sidebar", as: "Sidebar", from: "primevue/sidebar", export: "default", filePath: "primevue/sidebar", global: true }, { name: "FileUpload", as: "FileUpload", from: "primevue/fileupload", export: "default", filePath: "primevue/fileupload", global: true }, { name: "Breadcrumb", as: "Breadcrumb", from: "primevue/breadcrumb", export: "default", filePath: "primevue/breadcrumb", global: true }, { name: "ContextMenu", as: "ContextMenu", from: "primevue/contextmenu", export: "default", filePath: "primevue/contextmenu", global: true }, { name: "Dock", as: "Dock", from: "primevue/dock", export: "default", filePath: "primevue/dock", global: true }, { name: "Menu", as: "Menu", from: "primevue/menu", export: "default", filePath: "primevue/menu", global: true }, { name: "Menubar", as: "Menubar", from: "primevue/menubar", export: "default", filePath: "primevue/menubar", global: true }, { name: "MegaMenu", as: "MegaMenu", from: "primevue/megamenu", export: "default", filePath: "primevue/megamenu", global: true }, { name: "PanelMenu", as: "PanelMenu", from: "primevue/panelmenu", export: "default", filePath: "primevue/panelmenu", global: true }, { name: "Steps", as: "Steps", from: "primevue/steps", export: "default", filePath: "primevue/steps", global: true }, { name: "TabMenu", as: "TabMenu", from: "primevue/tabmenu", export: "default", filePath: "primevue/tabmenu", global: true }, { name: "TieredMenu", as: "TieredMenu", from: "primevue/tieredmenu", export: "default", filePath: "primevue/tieredmenu", global: true }, { name: "Message", as: "Message", from: "primevue/message", export: "default", filePath: "primevue/message", global: true }, { name: "InlineMessage", as: "InlineMessage", from: "primevue/inlinemessage", export: "default", filePath: "primevue/inlinemessage", global: true }, { name: "Toast", use: { as: "ToastService" }, as: "Toast", from: "primevue/toast", export: "default", filePath: "primevue/toast", global: true }, { name: "Carousel", as: "Carousel", from: "primevue/carousel", export: "default", filePath: "primevue/carousel", global: true }, { name: "Galleria", as: "Galleria", from: "primevue/galleria", export: "default", filePath: "primevue/galleria", global: true }, { name: "Image", as: "Image", from: "primevue/image", export: "default", filePath: "primevue/image", global: true }, { name: "Avatar", as: "Avatar", from: "primevue/avatar", export: "default", filePath: "primevue/avatar", global: true }, { name: "AvatarGroup", as: "AvatarGroup", from: "primevue/avatargroup", export: "default", filePath: "primevue/avatargroup", global: true }, { name: "Badge", as: "Badge", from: "primevue/badge", export: "default", filePath: "primevue/badge", global: true }, { name: "BlockUI", as: "BlockUI", from: "primevue/blockui", export: "default", filePath: "primevue/blockui", global: true }, { name: "Chip", as: "Chip", from: "primevue/chip", export: "default", filePath: "primevue/chip", global: true }, { name: "Inplace", as: "Inplace", from: "primevue/inplace", export: "default", filePath: "primevue/inplace", global: true }, { name: "MeterGroup", as: "MeterGroup", from: "primevue/metergroup", export: "default", filePath: "primevue/metergroup", global: true }, { name: "OverlayBadge", as: "OverlayBadge", from: "primevue/overlaybadge", export: "default", filePath: "primevue/overlaybadge", global: true }, { name: "ScrollTop", as: "ScrollTop", from: "primevue/scrolltop", export: "default", filePath: "primevue/scrolltop", global: true }, { name: "Skeleton", as: "Skeleton", from: "primevue/skeleton", export: "default", filePath: "primevue/skeleton", global: true }, { name: "ProgressBar", as: "ProgressBar", from: "primevue/progressbar", export: "default", filePath: "primevue/progressbar", global: true }, { name: "ProgressSpinner", as: "ProgressSpinner", from: "primevue/progressspinner", export: "default", filePath: "primevue/progressspinner", global: true }, { name: "Tag", as: "Tag", from: "primevue/tag", export: "default", filePath: "primevue/tag", global: true }, { name: "Terminal", as: "Terminal", from: "primevue/terminal", export: "default", filePath: "primevue/terminal", global: true }], directives: [{ name: "badge", as: "BadgeDirective", from: "primevue/badgedirective" }, { name: "tooltip", as: "Tooltip", from: "primevue/tooltip" }, { name: "ripple", as: "Ripple", from: "primevue/ripple" }, { name: "styleclass", as: "StyleClass", from: "primevue/styleclass" }, { name: "focustrap", as: "FocusTrap", from: "primevue/focustrap" }, { name: "animateonscroll", as: "AnimateOnScroll", from: "primevue/animateonscroll" }], composables: [{ name: "usePrimeVue", as: "usePrimeVue", from: "primevue/config" }, { name: "useStyle", as: "useStyle", from: "primevue/usestyle" }, { name: "useConfirm", as: "useConfirm", from: "primevue/useconfirm" }, { name: "useToast", as: "useToast", from: "primevue/usetoast" }, { name: "useDialog", as: "useDialog", from: "primevue/usedialog" }], config: [{ name: "PrimeVue", as: "PrimeVue", from: "primevue/config" }], services: [{ name: "ConfirmationService", as: "ConfirmationService", from: "primevue/confirmationservice" }, { name: "DialogService", as: "DialogService", from: "primevue/dialogservice" }, { name: "ToastService", as: "ToastService", from: "primevue/toastservice" }], styles: [{ name: "BaseStyle", as: "BaseStyle", from: "@@primevue/core/base/style" }], injectStylesAsString: [], injectStylesAsStringToTop: [""] } }, app: { baseURL: "../../", buildId: "957a3ac6-16c0-4aa9-9614-9367f72ad45d", buildAssetsDir: "Assets/js/orgchart/_nuxt/", cdnURL: "" } }</script>

        </div>
    </div>
</section>

@section Js{
    <script src="~/Assets/js/libs/upload.js"></script>
    <script src="~/Assets/js/pg/SafetyOrganization.js?v=@DateTime.Now.ToString("yyMMddHHmm")"></script>
    <script src="~/Assets/js/libs/moment.min.js"></script>
    <script src="~/Assets/js/libs/locales/date/zh-cn.js"></script>
    <script src="~/Assets/js/libs/bootstrap-datetimepicker.min.js"></script>
    <script src="~/Assets/js/libs/angularjs-datepicker.js"></script>
    <script src="~/Assets/js/libs/fileinput.js"></script>
    <script src="~/Assets/js/libs/zh.js"></script>
    <script>


    </script>
}


